[Resolved] Stop Secondary Menu from Collapsing on small screens

[jonathan]

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

[Leo]

Hi there,

Give this a shot: https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/

[jonathan]

Thanks, it’s heading in the right direction, but the icons are now vertical on mobile:

http://shelterinteriordesign.com

[Leo]

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.

[jonathan]

Terrific! That worked. Thanks.

[Leo]

No problem!

[Author]

Posts