Avoid sticky mobile header overlapping internal link targets
This commit is contained in:
parent
9254befd7e
commit
9a789dcf59
1 changed files with 4 additions and 0 deletions
|
@ -179,6 +179,10 @@ HEADER & PRIMARY NAVIGATION BAR (Desktop First) (MT/2025)
|
|||
|
||||
/* Make header sticky on mobile */
|
||||
@media screen and (max-width: 66.999em) {
|
||||
html {
|
||||
/* Ensure sticky header doesn't overlap internal link targets. */
|
||||
scroll-padding-top: 120px;
|
||||
}
|
||||
.header-container {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
|
|
Loading…
Add table
Reference in a new issue