Before you ask please READ THIS

Removing the mobile menu.

I am trying to remove the mobile menu, I decided to use the hidden sidebar to as the main navigation for the site.
I've dig in the css code, i've been able to remove the 3 bars but I'm left with a black square on the right side and I cannot find where I can disable this.

I added custom css to the site as follow:

.logo-container { display:none; }
.menu-container {display:none;}
#header {display:none;}
#header-tools {display:none;}
#header.scrollable-menu {display:none;}
#header.mobile-menu-opener {display:none;}

I can disable both menu by using: .home .tool {display:none;} but I would like to only keep the hidden sidebar toggle on the side. Any help would be appreciated.

Thanks


Capture.JPG
572 x 360 - 34K

Comments

  • AirAir
    Posts: 10,970
    Hello:-)

    You have to add such custom CSS:
    @media only screen and (max-width: 1024px) {
    #header-tools #mobile-menu-opener{
    display: none;
    }
    }
    With kind regards.

    PS. Nice idea with using hidden sidebar!
  • Thanks, you should integrate this function in one of your future build.

    Thanks again for the stellar support!

    J
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!