How to Remove Mobile Sidebar

Asked on January 16, 2016 in How To.

I know this sounds like a silly question, but I don’t want to mess anything up and I tried using this CSS code in the css part of the customizer and it still didn’t do the trick… The website it is for is a single page that does not need any navigation or menus, ergo why I am trying to remove it! Please help!

@media only screen and (max-width: 1100px) {
.responsive-nav .l-menu{display: none !important;}
}

That above code did not work …

innatedes Layers User
Reply
1 Answer(s)
Answered on January 20, 2016. Best answer

I suspect that the customizer sanitizes characters like @, so they won’t get printed to your site. If you don’t need the menu at all though, could you just write:


.header-site {

display:none;

}

in your css?

Or, if you want to keep the header bar, but loose the menu just use:


.header-site nav {

display:none;

This will get rid of it alltogether (desktop and mobiles sites). Alternatively, you should download devKit, then you can add sepcific CSS commands for different device sizes

Reply