[Support request] Show secondary navigation as hamburger menu in desktop view

[Vish]

Hello

Is it possible to show the secondary navigation as a hamburger menu (just like mobile) in desktop view as well?

[David]

Hi there,

try this CSS:

.secondary-navigation .menu-toggle {
    display:block
}

.secondary-navigation ul, .secondary-navigation:not(.toggled) .main-nav > ul {
    display:none
}

.secondary-navigation.toggled .main-nav {
    flex-basis: 100%;
    order:3
}

.secondary-nav-aligned-left .secondary-navigation.has-top-bar .menu-toggle {
    text-align:left
}

.secondary-nav-aligned-left .secondary-navigation .top-bar {
    order:2
}

[Karsten]

Hello, this was helpful for me too.

Please check my site here. I have a secondary nav above the header.

I can not figure out how to increase the secondary sub menu font size from 12px to 16px. Please check and advise.

Thank you

[Leo]

Hi Karsten,

Glad to hear that you found the post useful.

Your question is unrelated to the original topic though – can you open a new topic for the font size question?

Thanks!

[Author]

Posts