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 Wierzbicka staff 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


Thank you very much Marta, it works :).

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>


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

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
Tags