Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Navbar Sticky-top not working

demzl25 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 priority commented 2 years ago

Hi, Thanks, now is working fine.

With Best Regards,

Damjan
Write
Create snippet
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
  • ForumUser: Priority
  • 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
Tags
navbar sticky stickycontent
About author
demzl25
197Support score
55Questions 2Answers 224Snippets