diff --git a/assets/base.css b/assets/base.css index 6ad490f..755e91f 100644 --- a/assets/base.css +++ b/assets/base.css @@ -231,6 +231,11 @@ body:has(.section-header .drawer-menu) .announcement-bar-section .page-width { overflow: hidden; } +/* Keep room for the sticky header when focus or an anchor scrolls the page. */ +html { + scroll-padding-top: var(--header-height, 0px); +} + .skip-to-content-link:focus { z-index: 9999; position: inherit; diff --git a/assets/section-main-product.css b/assets/section-main-product.css index c9dfc58..cc5be32 100644 --- a/assets/section-main-product.css +++ b/assets/section-main-product.css @@ -27,6 +27,11 @@ product-info { z-index: 2; } + /* A sticky column taller than the window can hold the focused control below the fold. */ + .product__column-sticky:has(:focus-visible) { + position: static; + } + .product--thumbnail .thumbnail-list { padding-right: var(--media-shadow-horizontal-offset); }