How to offset navbar to fit the viewport

I have a few simple buttons on the navbar that are used to navigate between different sections of the page. But, when those buttons are clicked, a part of the sections (top part) gets behind the navbar. I want the navigation to start from the section the title. How can I achieve this?
This is how it is now (title behind the navbar): h ttps://
This is how I want it to be: h ttps://
Link to the page: h ttps://

Your link is not working. Provide your code here.

Just remove the space at the beginning of each link.

Hey Buddy,
You are doing good and you’ve got a good approach.

Here the only issue can be with the position property used in the navbar and the viewport.
If you can provide your code here. Then possibly I could help you in a better way.


h ttps://