Archived topic
Stop Secondary Menu from Collapsing on small screens
5 replies · Started by jonathan on August 16, 2017
Hi,
I have social media icons for my Secondary Menu. I don't want the Secondary Menu to collapse when the screen size shrinks.
I scoured the forums, including this article: https://generatepress.com/forums/topic/secondary-navigation-on-mobile-question/#post-120014, but it doesn't work.
Thanks for any advice!
Jon
Hi there,
Give this a shot: https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/
Thanks, it's heading in the right direction, but the icons are now vertical on mobile:
Can you try changing this bit of CSS you've added:
.secondary-navigation .sf-menu>li {
float: none;
display: inline-block !important;
}
to this:
.secondary-navigation .main-nav .sf-menu>li {
float: none;
display: inline-block !important;
}
Let me know.
Terrific! That worked. Thanks.
No problem!