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.