Anchor links headline invisible behind top menu bar. Should have compensating offset.

[abitofmind]

Otherwise when jumplink to the target of an anchor link by TOC or direct deep link the arriving user does not see the heading and may be disoriented or not get the context at first.

There are even ready made WordPress plugins to do this like i.e.:
​https://wordpress.org/plugins/page-scroll-to-id/
and I assume also some themes have such offset-compensation-mechanisms built in.

See screenshots of the problem and the proposed solution:

[jonoaldersonwp]

This can be solved with some simple CSS; see scroll-margin-top

[abitofmind]

Didn't know about this CSS attribute! Great.

Followup:

• I'm merely the reporter, not an active part of a WP team.
• Are there plans to improve this? In the default theme? Or in the WordPress.org instance?

[jonoaldersonwp]

All open tickets get reviewed and triaged, though resource is short, and this is likely to be of low priority. Should be an easy fix, though, so hopefully, it'll land on wordpress.org without taking years...

[abitofmind]

Thanks for informing us here about the team workflow.
It's a quick win — quite a usability gain achievable with not too much effort — so that again should prioritize it higher, I hope.

Anyway sharing CSS scroll-margin-top is a good hint for individual CSS workarounds for many blogs/themes out there who may arrive here via a search engine. Thanks!

[abitofmind]

The deficiency outlined in this very issue also manifests itself in this/these issue(s):

• #5877 (among other issues)

[abitofmind]

Found plugin ​Fixed Menu Anchor which deals with the symptom. It was last updated circa 2016.

As CSS attribute scroll-margin-top got ​major browser support only ca. 2018-2020, I assume that plugin involves some Javascript. A pure native CSS surely works smoother. But maybe a workaround for some in the meantime.

[abitofmind]

✅ Marking this as fixed:

• WP.org Documentation Section + Support Forums
• They both have proper offset compensation for jumplinks (anchor links) as of today. See screen recordings below.
• I do not know by what technique this was achieved. If some one knows it would be nice to document/link here.