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

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.

Add comment

Marta Wierzbicka staff answered 7 years ago

1 0 Best answer

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

Add comment

molimoabel pro answered 7 years ago

0 0 Best answer

Thank you very much Marta, it works :).

Add comment

molimoabel pro answered 7 years ago

0 0 Best answer

Please insert min. 20 characters.

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>

Add comment

Write

Create snippet

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

molimoabel

Pro User 15Support score
3Questions 2Answers 0Snippets