Topic: Sidenav not working on chrome

petr friede free asked 6 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="http://0.gravatar.com/avatar/60efa32c26a19f3ed2e42798afb705ba?s=100&d=mm&r=g" />
        <div class="rgba-stylish-strong"><p class="user white-text">Admin<br>
                admin@gmail.com</p></div>
    </div>
    <!--/. 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>
    </ul>
    <!--/. Side navigation links -->
</ul>
<!--/. Sidebar navigation -->
and activate it like this: $(".button-collapse").sideNav(); But now working .... something is wrong ...

Michal Szymanski staff answered 6 years ago


Do you use MDB Pro version or Free?

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Specification of the issue

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