Navbar + Container + Fixed Top


Topic: Navbar + Container + Fixed Top

Luciano Oliveira asked 2 years ago

when I use the Code

<div class = "container">
   <nav class = "navbar navbar-expand-lg navbar-dark indigo">
     <a class="navbar-brand" href="#"> Navbar </a>
   </nav>
</div>

enter image description here when I add fixed-top

<div class = "container">
         <nav class = "navbar fixed-top navbar-expand-lg navbar-dark indigo">
             <a class="navbar-brand" href="#"> Navbar </a>
         </nav>
     </div>

enter image description here

Fixed-top disables the container class.


Tomek Makowski staff commented 2 years ago

Hi

try to use sticky property instead

https://mdbootstrap.com/snippets/jquery/tomasz-makowski/2325566#css-tab-view

regards


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: Notebook
  • Browser: Google
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No