[solved] Why target navigation (to a section/div on page) doesn't lead to top of DIV?

1

Hi,

Would appreciate some advice on this puzzle…

I am trying to navigate to a section of the page (leading to the top of a div).

Expected:

53
533254×1784 334 KB

but the target navigation leads me to the middle of the div (not what I want…)

What I am getting:

46
463254×1784 473 KB

Would really appreciate some pointers!

2

So it’s doing exactly right: when you click the internal link (for example a href="#products"), it brings the div with the id “products” to the top of the display window. But you have content that is fixed there, so you need to find a way to push that content down, probably inside of the container.

Easiest way? Give each target element a padding-top: ... value slightly larger than the fixed header. Of course, that will change your spacing some – might want to lessen the padding-bottom: ... of the preceding element. :wink:

1 Like
3

Wonderful.

Thanks a ton @snowmonkey. All sorted now.

Really appreciated the tip on adjusting padding.

Thanks again.

4

Glad I could help. looking pretty good! :wink:

1 Like