diff --git a/styles/_pages.scss b/styles/_pages.scss index 46c68d4f52..0f4e97e361 100644 --- a/styles/_pages.scss +++ b/styles/_pages.scss @@ -371,6 +371,14 @@ width: 100%; + &::before { + display: block; + content: " "; + margin-top: -80px; + height: 80px; + visibility: hidden; + } + > a { text-decoration: none; position: relative; @@ -405,9 +413,9 @@ // Stop anchor-fix from blocking clicks on earlier FAQ items &::before { - position: relative; - z-index: -1; + content: none; } + > a { position: relative; z-index: 3; @@ -416,7 +424,7 @@ .chevron { position: absolute; - top: 80px; // Compensate for anchor-fix ::before size + top: 10px; // Compensate for anchor-fix ::before size right: -1rem; } } diff --git a/styles/_top-banner.scss b/styles/_top-banner.scss index 351491f38f..2ce5215211 100644 --- a/styles/_top-banner.scss +++ b/styles/_top-banner.scss @@ -97,13 +97,6 @@ html.light { } } -.page-faq, -.mini-faq { - .q-wrapper .chevron { - top: $banner-top-offset; - } -} - .page-calculator #calculator-mobile-toggle.show { top: ($banner-top-offset + 4px) }