[Forum] Links to headings a hidden behind nav

Describe the Issue

When sharing a link to a heading within a forum post, it takes you to that heading but scrolls up too far. The heading and some text is hidden behind the nav.

Steps to Reproduce

Open this link: https://forum.freecodecamp.org/t/running-the-relational-database-curriculum-in-your-browser/500231#your-container-loaded-but-the-terminal-is-not-visible-8

The Your container loaded, but the terminal is not visible heading is hidden behind the nav

Expected behavior

It not to be hidden.

[moT01]

I don’t think we’re talking about quite the same issue @ahmadabdolsaheb.

I cannot (or do not know how to) reproduce the issue in @DylanDevelops’s screen shot. The navbar is always at the top for me with the fCC logo and the rest of the universal nav. I never see a post title or anything like that in the navbar.

The issue I was referring to can be seen in @naomi-lgbt’s screen shot. When you open the link I shared, the heading for it is hidden. It’s supposed to take you to the #your-container-loaded-but-the-terminal-is-not-visible-8 heading, and it does - but it’s hidden behind the nav, as if it’s just scrolled up a little too much. Now that I double check, there is the second issue that you mentioned - the profile icon is hidden as well.

[ahmadabdolsaheb]

Thanks for the explanation. I see it now, this should do the trick. https://css-tricks.com/hash-tag-links-padding/