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.
Thank you!
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
Step 1
Add the following in Altitude Pro's functions.php:
Thank you so much – this is working perfect and just what I was hoping for. I appreciate you and your work so much!! Thank you š
Hi, thanks for this. Works perfectly on the homepage template but I find it to be out of alignment on inner pages with the menu options (appears aligned to top of page exactly). Also find that it displaces the site title to the left on smaller width screen