Fixed header covering anchors

  • Resolved dariasukova

    (@dariasukova)


    5 years, 3 months ago

    What’s the best way to fix the sticky header covering content sections that are accessed through page navigation/table of contents? Please help! Been researching this for hours and can’t find anything that works.

    • This topic was modified 5 years, 3 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
Viewing 4 replies - 1 through 4 (of 4 total)

  • You can probably make a section relative and then position an anchor absolute inside and move it higher on a height of a sticky header.

    There’s no universal bullet which fixes all CSS/layout issues.

    To get an actual copy-and-paste code which can fix your problem, you’ll need to give your website address so we can check out the code on your website causing the problem and provide you with a fix.

    Good luck!

    Thread Starter dariasukova

    (@dariasukova)

    @gappiah Thank you for willing to help! My site is still under construction – not sure how I can share a link. It’s Hestia theme’s sticky header, and when I jump to different sections on the page through table of content links, the sticky header covers the top of the section. Sorry, I know this is hard to solve unless you see the web site, but any advice would be much appreciated!

    Thread Starter dariasukova

    (@dariasukova)

    Thanks everyone – I ended up using Smooth Scroll Offset from the TOC plugin. Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Fixed header covering anchors’ is closed to new replies.