Fixed-Top Navbar Covers Content


Topic: Fixed-Top Navbar Covers Content

Lohitya asked 3 years ago

Expected behavior

Fixed-Top Navbar should scroll to a point where it does not cover the content when href is an ID, please don't confuse this with scrollspy

Actual behavior

Fixed-Top Navbar unfortunately covers the content when href is an ID

Resources (screenshots, code snippets etc.)

Snippet: Snippet

Actual : actual

Expected : Expected


Marta Szymanska staff pro premium answered 3 years ago

Hi,

try this: https://mdbootstrap.com/snippets/jquery/marta-szymanska/753952.

Best, Marta


Lohitya commented 3 years ago

i see you added padding to the container itself and it is working on both mobile and desktop views, thanks a lot!!


Marta Szymanska staff pro premium commented 3 years ago

You're welcome.


Marta Szymanska staff pro premium answered 3 years ago

Hi,

try a solution from my snippet: https://mdbootstrap.com/snippets/jquery/marta-szymanska/753952.

Best, Marta


Lohitya commented 3 years ago

I tested your snippet with data-offset="300", here is a gif indicating it did not solve the issue

http://imgur.com/xXFi0vy


Lohitya answered 3 years ago

@Marta Szymanska any other solutions?


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.0
  • Device: Desktop, Mobile
  • Browser: Google Chrome, Firefox
  • OS: Windows, Android
  • Provided sample code: No
  • Provided link: Yes