Archived topic
Mobile menus hamburger alternative
5 replies · Started by Janna on September 23, 2021
Viewing posts 1–6 of 6
Hello!
I'd like to have the mobile menus constantly opened. Like a header with the tabs in lines underneath each other. A vertical menu instead of the hamburger. It that possible? How?
Thank you!!
Hi there,
i assume you won't want the hamburger icon either ?
If so can you set the Mobile Menu Breakpoint to 0 in Customizer > Layout > Primary Navigation. This will keep the desktop menu visible and if need be i can provide some CSS to stack them vertically.
Thank you, that's what I've had in mind! CSS for vertical stacking would be wonderful.
Try this CSS:
@media(max-width: 768px) {
.main-navigation .main-nav>ul {
flex-direction: column;
}
.nav-float-right #site-navigation, #primary-menu {
margin-left: unset !important;
}
}Perfect, thanks!
You're welcome!
This archived topic is closed to new replies.
