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 7 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 7 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 7 years ago

Thank you very much Marta, it works :).

molimoabel pro answered 7 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>
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
  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
molimoabel
Pro User 15Support score
3Questions 2Answers 0Snippets