Archived topic
Background header with menu movil in PC
7 replies · Started by Jesus on September 13, 2022
Hello
I have right now the following design on PC.
https://snipboard.io/nRaZ28.jpg
But I would like it to appear this way.
https://snipboard.io/ZIfa1N.jpg
In mobile everything is as I want it.
https://snipboard.io/Rxy8Mi.jpg
I hope you can help me. Thanks.
Hi there,
Go to customizer > layout > Primary Navigation, and set the mobile breaking point to 999999.
Let me know if this works for you.
Hello,
If I do what you tell me, the header comes out without the background, as if it were on mobile
The issue is that it allows me to have the menu style on PC but only that instead of leaving the items it gives me Menu as in mobile.
https://snipboard.io/ZIfa1N.jpg
This in PC. If I Go to customizer > layout > Primary Navigation, and set the mobile breaking point to 999999, then the result is the mobile version.
I see, try add this CSS:
.main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {
display: block;
}
.main-navigation ul, .gen-sidebar-nav, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
display: none;
}
Thanks for all!
Resolved
You are welcome :)