[Resolved] Background header with menu movil in PC

[Jesus]

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.

[Ying]

Hi there,

Go to customizer > layout > Primary Navigation, and set the mobile breaking point to 999999.

Let me know if this works for you.

[Jesus]

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.

[Jesus]

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.

[Ying]

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;
}

[Jesus]

Thanks for all!

[Jesus]

Resolved

[Ying]

You are welcome 🙂

[Author]

Posts