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
  • Possible Answers to Your Question:

  • 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 {

    in your css?

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

    .header-site nav {

    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