I have vertical menu enabled and would like it to remain accessible by hamburger icon on all desktop resolutions, however on 1920px wide screen the menu is expanded by default. On my home page this means it covers part of my revolution slider. Can I force it to stay collapsed?
Sorry but that code seemed to do the opposite of what I was after. It forced the menu to stay open even on smaller screens. What I want is to force the menu to stay collapsed regardless of how big the screen is. I.e. I want the menu to always have to be opened by the hamburger icon. Currently on my 1920px wide screen it loads the page with the menu open and there's no way to close it.
I tried making the slider 100% width but that also made it worse because more of my text was under the menu.
Is there code I can use to force the menu to always be the hamburger menu?
Oh wait sorry, I just noticed that the code I got in the email was different to the code you have here in this thread. I tried the code below in this thread and it worked to get the menu collapsed but the hamburger icon has disappeared.
I have vertical menu enabled and would like it to remain accessible by hamburger icon on all desktop resolutions, however on 1920px wide screen the menu is expanded by default. On my home page this means it covers part of my revolution slider. Can I force it to stay collapsed?
Thanks :)
You can try to make slider 100% width instead fullscreen. Or try to use this custom css code:
@media (min-width: 1600px) { #page.vertical-header { padding-left: 45px; } #page.vertical-header #site-header-wrapper { margin-left: -315px; } #page.vertical-header #site-header-wrapper .header-main { visibility: hidden; display: block; } }Hi Max,
Sorry but that code seemed to do the opposite of what I was after. It forced the menu to stay open even on smaller screens. What I want is to force the menu to stay collapsed regardless of how big the screen is. I.e. I want the menu to always have to be opened by the hamburger icon. Currently on my 1920px wide screen it loads the page with the menu open and there's no way to close it.
I tried making the slider 100% width but that also made it worse because more of my text was under the menu.
Is there code I can use to force the menu to always be the hamburger menu?
Thanks,
Jemma
Oh wait sorry, I just noticed that the code I got in the email was different to the code you have here in this thread. I tried the code below in this thread and it worked to get the menu collapsed but the hamburger icon has disappeared.
Please share admin access. I will check this on your site.
Can't enter with this data
Please check. Added code to display button:
#page.vertical-header .vertical-toggle {display: block;
}
Thank you, it's working great now! :)