In the members-only forum, a user asked:
Hello Sridhar, 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. Thank you,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:
Step 1In functions.php delete
// Remove header right widget area. unregister_sidebar( 'header-right' );
Step 2Install 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
Step 3Edit style.css. 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.