Archived topic
logo as header > menu jumps over 2 lines
5 replies · Started by fabien on September 3, 2019
There is a certain device size bracket at which the main nav jumps below the logo (used as header), then jumps over 2 lines. The secondary nav also jumps over 2 lines within a certain screen size range. How do I prevent this and make it switch to hamburger directly?
The main nav jumping below the logo is particularly problematic and looks very unprofessional :(
Hi there,
Have you tried adjusting the Mobile Menu Breakpoint in Customize > Layout > Primary Navigation?
Let me know :)
just what I was looking for thank you :)
It looks like I need to CSS the mobile breakpoint for the secondary menu don't I? I see no option for the secondary nav in the Customiser
We're adding the same option for the secondary navigation in 1.9. For now, this should help:
@media (max-width: 1180px) {
button.secondary-menu-toggle {
display: block;
}
.secondary-menu {
display: none;
}
}perfect thanks! Yes definitely a useful addition to 1.9 :)
Glad I could help :)
