Navbar + Container + Fixed Top

Topic: Navbar + Container + Fixed Top

Luciano Oliveira asked 4 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 4 years ago

Hi

try to use sticky property instead

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

regards

Add comment

Write

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

Tags

navbar navbar-mdb-fixedtop

Related topics

0: Mark Selected Nav item as active

0: Mobile Navbar (with hamburger) won't close on anchor navigation

0: Fixed-Top Navbar Covers Content

0: Fixed navbar z-index

2: Menu multilevel responsive

About author

Luciano Oliveira

98Support score
12Questions 3Answers

0Snippets likes 2Snippets