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

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: [Request]Side-nav always hidden. (MDB 4.0.2 Pro)

molimoabel pro asked 8 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 8 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 8 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 8 years ago

Thank you very much Marta, it works :).
Write
Create snippet
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
About author
molimoabel
Pro User
15Support score
3Questions 2Answers
0Snippets likes 0Snippets