octicon "scroll to" anchors get hidden under the header

daKmoR / rocket

Move to https://github.com/modernweb-dev/rocket/

MIT License

13 stars 5 forks source link

octicon "scroll to" anchors get hidden under the header #136

Closed bennypowers closed 3 years ago

bennypowers commented 3 years ago

When adding headings to a page in markdown, "anchor" links are automatically added, e.g. /guides/docs/#building. Clicking on one of those links will scroll the page to that anchor, but it will be hidden behind the header.

One solution could be to add padding to the top of the content area equal to the height of the header.

daKmoR commented 3 years ago

that should not be the case see for example https://wip-rocket.netlify.app/docs/launch-theme/inline-notification/#modify-the-title

it works by setting

main > * {
  scroll-margin-top: 85px;
}

did you maybe have overwritten it?

bennypowers commented 3 years ago

Must be. Recent changes to my site have restored expected behaviour.

Thanks for the :eyes:. closing as solved