Archived topic
Secondary menu collapse
5 replies · Started by William on December 13, 2022
Hi there,
On this page, when you reduce the size of the screen width, you'll see that the secondary menu (on the left) collapses before going to mobile.
Is there a way to make it so the site goes to mobile and the menu collapses at the same time?
Kind regards,
Will
Hi Will,
Can you go to customizer > layout > primary navigation > mobile breaking point?
What's the value set there?
Let me know!
It's currently set to zero as the primary navigation menu is the two buttons outlined in red. What I am referring to is the secondary navigation menu which appears to the left.
Hi William,
You have this code in your style.css file:
@media (max-width: 1050px) {
.secondary-navigation .menu-toggle,
.secondary-navigation .mobile-bar-items,
.sidebar-nav-mobile:not(#sticky-placeholder) {
display: block;
}
.secondary-navigation ul,
.gen-sidebar-nav {
display: none;
}
[class*=â€nav-float-“] .site-header .inside-header>* {
float: none;
clear: both;
}
}You can change the value 1050px to 768px or a different value to change the breakpoint you have set.
Ah yes thank you!
You're welcome, William!
