In the comments section of Adding Simple Social Icons to Navigation bar in Genesis, a user asked:
I love this tutorial and have it working well. But I was wondering if there was a way to keep the social icons always showing even on mobile (versus having the user click the mobile menu icon to see them). So still have the hamburger icon for the menu items, but have the widget contents showing below even when the responsive menu is closed?
I’m using the Altitude Pro latest version theme.
This tutorial provides the steps to add icons placed inside a Simple Social Icons widget to the right of primary nav menu items in Altitude Pro's header. We shall display the social icons widget below the .nav-primary element and since they are outside the nav in the HTML, the social icons will not appear inside the hamburger menu on smaller widths (in the open state).
Tested in Altitude Pro 1.1.3
Add the following in Altitude Pro's functions.php:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.