elements are starting under navigation. Html

Question

Hello i have one problem.I have one page scroll and when I click at navigation for example to home i get redirected to home but it starts under fixed navigation i need to move start of everything bellow fixed navigation (at least i think that the problem)
and you can check this web on my profile in Codes under name My 2nd Web.

Answer 1

hello. I checked your code and edited it.
check it out here:

https://code.sololearn.com/Wr2VgekhU2v9/?ref=app

from my readings, i figured you had a margin issue between each block of section, starting from the top. i inserted an empty div before each section and gave it a margin of 150px.
then for each nav link, i directed them to each empty div which comes before each section.

it's one way to fix it.
bear in mind that there are multiple ways to fix this, this is just one.

Answer 2

I prefer to use JavaScript or jQuery here for OnePage Website and Scrolling.
I suggest you to plug jQuery plug-in jquery.min.js and paste the code in JS Section or you see the reference from the below code examples. I solved your issue as well in second attached code.

https://code.sololearn.com/WJHwr8mh31zx/?ref=app
https://code.sololearn.com/WKAm59BvGAGw/?ref=app

Answer 3

It's seems better when you tapped the links but it's weird when you scroll normally. you can see a large blank spaces between different section which is 150px.
Reply for @Jones Ossai

Answer 4

@Rizwan thanks for that observation. i Wonder why i didn't think of that.

Answer 5

Thanks. I for this idea too to put empty "boxes" on front of the main but i didnt knew how to do this