Topic: Sidenav not working on chrome

petr friede free asked 8 years ago

I have trouble with using sidenav in new ver mdb 4.0.1 I have copied code from template:
        <!-- SideNav slide-out button -->
<a href="#"><i class="fa fa-bars"></i></a>
<!--/. SideNav slide-out button -->

<!-- Sidebar navigation -->
<ul id="slide-out" class="side-nav fixed admin-side-nav light-side-nav">

    <div class="logo-wrapper">
        <img src="" />
        <div class="rgba-stylish-strong"><p class="user white-text">Admin<br>
    <!--/. Logo -->

    <!-- Side navigation links -->
    <ul class="collapsible collapsible-accordion">
        <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
        <li><a href="#"><i class="fa fa-money"></i> Sales</a></li>
        <li><a href="#"><i class="fa fa-line-chart"></i> Conversion</a></li>
        <li><a href="#"><i class="fa fa-users"></i> Website Traffic</a></li>
        <li><a href="#"><i class="fa fa-search"></i> SEO</a></li>
        <li><a href="#"><i class="fa fa-share-alt"></i> Social</a></li>
    <!--/. Side navigation links -->
<!--/. Sidebar navigation -->
and activate it like this: $(".button-collapse").sideNav(); But now working .... something is wrong ...

Michal Szymanski staff answered 8 years ago

Do you use MDB Pro version or Free?

Please insert min. 20 characters.


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


Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No