[DOCS-14645] Anchors not visible (covered by page header) Created: 14/Jul/21  Updated: 14/Jul/21  Resolved: 14/Jul/21

Status: Closed
Project: Documentation
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Bug Priority: Major - P3
Reporter: David Percy Assignee: Unassigned
Resolution: Duplicate Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Duplicate
Participants:
Days since reply: 2 years, 30 weeks ago

 Description   

Try clicking on https://docs.mongodb.com/manual/reference/glossary/#std-term-accumulator. It should show "accumulator", but the page header covers it up.

This CSS fixes it for me on Chrome:

/* Page header is 64px + 45px = 109px. */
* { scroll-padding-top: 109px; }  

This Stack Overflow question suggests "scroll-margin-top", but that didn't work for me: https://stackoverflow.com/questions/4086107/fixed-page-header-overlaps-in-page-anchors

 


 

Another small but nice improvement would be to bring back the yellow highlight:

:target { background: #ff9; }

This is especially helpful for anchors near the end of the page. If you try clicking either of these:

The highlight makes it clear where you've landed, even though the page can't scroll any farther.



 Comments   
Comment by Allison Reinheimer Moore [ 14/Jul/21 ]

Oof. Yup - we have a fix going out with the new side nav (hopefully in the next couple of weeks), but it's definitely a known issue. I'll link the ticket when I find it.

Generated at Thu Feb 08 08:10:52 UTC 2024 using Jira 9.7.1#970001-sha1:2222b88b221c4928ef0de3161136cc90c8356a66.