Topic: How to have the brand in nav bar display in mobile without clicking on the menu

Godol Damzi free asked 6 years ago

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,.

It's a problem with Bootstrap. Check my post here

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

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