[Request]Side-nav always hidden. (MDB 4.0.2 Pro)


Topic: [Request]Side-nav always hidden. (MDB 4.0.2 Pro)

molimoabel pro asked 5 years ago

Hello guys. How can I make it to have the side-nav always hidden with the burger menu even on large screen and once onClick on that burger menu, it shows it only? Take care of yourself.

Marta Szymanska staff pro premium answered 5 years ago

Hi, Here, in our documentation: https://mdbootstrap.com/css/page-layouts/#h-s-f-n we explain how to do this. Best, Marta

molimoabel pro answered 5 years ago

I forgot to mention, but I am using this code for the side nav : The JS :
$(".button-collapse").sideNav();
var el = document.querySelector('.custom-scrollbar');
Ps.initialize(el);
// Initialisation du sideNav.
The CSS :
 <!-- Sidebar navigation -->
     <ul id="slide-out" class="side-nav fixed custom-scrollbar">
  <!-- SideNav slide-out button -->
        <div class="float-xs-left">
            <a href="#" data-activates="slide-out" class="button-collapse"><i class="fa fa-bars"></i></a>
        </div>

molimoabel pro answered 5 years ago

Thank you very much Marta, it works :).
Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No