Site logo

Archived topic

Change drop point of secondary navigation

5 replies · Started by Oliver on August 16, 2021

Viewing posts 1–6 of 6

I would like my secondary menu to be kept in one line when minimizing the browser window and to go to mobile menu when that one line can´t be kept.

Hi there,

can you share a link to your site so i can see what is required ?

Hi David, here you go

Try this CSS:

@media (max-width: 940px) {
    .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-navigation.has-menu-bar-items .inside-navigation {
        justify-content: space-between
    }
}

Perfect! Thank you very much and have a nice day!

Glad to be of help

This archived topic is closed to new replies.