Navbar Sticky-top not working


Topic: Navbar Sticky-top not working

demzl25 pro premium priority asked 2 years ago

Hi,

Sticky- top for some reason is not working.

Expected behavior When I scroll down on page the Navbar should always stay on top of the screen.

Actual behavior Navbar don't stay on top of the screen.

Resources (screenshots, code snippets etc.) Here is the code snippet: https://mdbootstrap.com/snippets/standard/demzl25/3742986#css-tab-view

Thanks,

Damjan


Dawid Wajszczuk staff answered 2 years ago

Hi,

Remove your sticky navbar from header. Let it be in the body. And it should work fine.

Keep coding,
Dawid


demzl25 pro premium priority commented 2 years ago

Hi, Thanks, now is working fine.

With Best Regards,

Damjan


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.2
  • Device: Pc
  • Browser: Chrome 97.0.4692.99
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes