Show secondary navigation as hamburger menu in desktop view

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
}

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

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!