Container tops to stop under sticky header

  • Resolved goakes

    (@goakes)


    1 year, 6 months ago

    Hello. Hope you can help. I have anchors on the first page. When I click on say “About”, the container top goes to the top of the page and the top of the container is therefore hidden behind the header. Is there a way to make the container top go to the bottom of the shrinking header? This applies to all the containers. I hope this is self explanatory especially if you have a play on the site.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Robert Wattner

    (@rwattner)

    1 year, 6 months ago

    Here is a link where this issue was also covered.
    https://wordpress.org/support/topic/sections-sub-pages-from-anchor-links-being-overlapped/

    Both the overlap and anchor position behaviors you are experiencing are inherit roblem with a sticky(overlaping) and shrinking(height changing) headers in general. I recommend a google search for “offsetting anchor links for sticky header”. You’ll find this has been an issue with sticky headers in general since the beginning. If your header, or anything on the page, changes height then that affects the scroll distance needed to reach an anchor. So the act of the header shrinking makes the scroll distance innacurate.

    I always use the anchor link widget, set position absolute, then you can adjust the vertical position exactly where you want it to scroll.
    I hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Container tops to stop under sticky header’ is closed to new replies.