I want my brand to display in smaller screens without having to click the menu bar. But the nav-links can be hidden in and will only display on the click of the menu bar. It worked when i was using just bootstrap but i can get it to work with MDB and i dont know why. This is my code; <!--Navigation--> <header> <!--Navbar--> <nav class="navbar navbar-light navbar-fixed-top scrolling-navbar elikem"> <!-- Collapse button--> <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#collapseEx"> <i class="fa fa-bars"></i></button> <div class="container"> <!--Collapse content--> <div class="collapse navbar-toggleable-xs" id="collapseEx"> <!--Navbar Brand--> My Brand <!--Links--> <ul class="nav navbar-nav nav_link"> <li class="nav-item"> Home <span class="sr-only">(current)</span> <li class="nav-item"> Departments <li class="nav-item"> Contact Us <li class="nav-item"> FAQ </div> <!--/.Collapse content--> </div> <!--/nav container --> </nav> <!--/.Navbar--> </header> <!--/Navigation--> I tried moving the brand outside the id="collapseEx" but it worked but when you click on the menu bar, the nav links do not display properly. Please help,.

---