Archived topic
Can´t change main menu breakpoint in the customizer
5 replies · Started by Oliver on June 8, 2022
I would like the main navigation to stay in line with the site title and to go to the hamburger menu whenever this is not possible anymore.
After trying in the customizer I used this code but that didn´t work either
@media (max-width: 700px) {
nav#site-navigation .menu-toggle {
display:block
}
nav#site-navigation ul, nav#site-navigation:not(.toggled) .main-nav > ul {
display:none
}
nav#site-navigation.toggled .main-nav {
flex-basis: 100%;
order:3
}
nav#site-navigation.has-menu-bar-items .inside-navigation {
justify-content: space-between
}
}
Hi Oliver,
You should not need CSS for this.
The mobile breaking point setting is at customizer > layout > primary navigation, set it to 1024px, have you tried this?
Hi Ying and thanks for your answer.
I did try it with less amount (700px). When I try it with 1024px (or 1000px) the breakpoint is somewhat different but still some menu items appear down the line (screenshot)
Ill share the log in credentials in case you would like to take a look by yourself
Ah we are not talking about the same setting.
Can you go to appearance > Generatepress, activate the menu plus module.
Then you will be able to see the the mobile menu breakpoint option at customizer > layout > primary navigation.
https://www.screencast.com/t/G4egziG9xTR7
Yes that did it. Perfect! Thank you very much and have a nice day!
Great! You are welcome :)
