In the members-only forum, a user asked:
I was wondering how to add simple social icons to the far right-hand side of Infinity Pro’s header ? I would like them to be responsive for mobile devices. I’m guessing this can somehow be done by re-enabling the header right widget area.
We can get rid of the code that removes Header Right widget area in Infinity Pro and use Flexbox's order property to make social icons placed inside the widget area appear at the right of site header like this:
On smaller screens:
In functions.php delete
// Remove header right widget area. unregister_sidebar( 'header-right' );
Install and activate Simple Social Icons if you haven't already.
At Appearance > Widgets, drag a Simple Social Icons widget into the Header Right widget area and configure it.
Set the Alignment to
a) Above the media queries, add
To view the full content, please sign up for the membership.
Already a member? Log in below or here.