[Jump-to] Anchor links don't show header title when jumping to it on mobile or narrow desktop screens

[anikbrazeau]

Describe the bug

When you click on an anchor link that is expected to jump you to a specific section on the page, it does not show the header.

To Reproduce

Steps to reproduce the behavior:

1. Go to any resource page
2. Click on the second item in the list of headings
3. See error, you have to scroll up to see the heading you clicked

Expected behavior

User expects to land on the section heading -- not mid-section.

Screenshots

Clicking Alpha in "On this page" component

Land me in the middle of the section without visibility of the H2

Smartphone:

• Device: iPhone 12 mini
• OS: iOS
• Browser: Google

Desktop:

• Device: MacBook
• OS: Ventura
• Browser: Google
• Window: Narrowed to 1/3 of the screen

Additional context Found this bug while validating bug #120 Wonder if it's also relevant on desktop?

[anikbrazeau]

Resolved