Topic: Navbar Sticky-top not working

demzl25 premium asked 8 months 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 8 months ago


Hi,

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

Keep coding,
Dawid


demzl25 premium commented 8 months 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: Premium
  • 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