diff --git a/css/components/header-buttons-mobile.css b/css/components/header-buttons-mobile.css index f80ee3b..950a7c3 100755 --- a/css/components/header-buttons-mobile.css +++ b/css/components/header-buttons-mobile.css @@ -27,13 +27,14 @@ } } -@media ((((min-width: 60rem)))) { +/* @media ((((min-width: 60rem)))) { */ +@media ((((min-width: 1500px)))) { .mobile-buttons { margin-block-start: var(--sp6); } } -@media ((((min-width: 60rem)))) { +@media ((((min-width: 1500px)))) { body:not(.is-always-mobile-nav) .mobile-buttons { display: none; } diff --git a/css/components/header-navigation.css b/css/components/header-navigation.css index d3dbe9b..d2fa9dc 100755 --- a/css/components/header-navigation.css +++ b/css/components/header-navigation.css @@ -30,14 +30,17 @@ * mobile navigation needs to slide beneath the button, but we also cannot * use padding because that would enable the button to scroll out of the * viewport on short screens. */ - border-block-start: solid var(--color--white) calc(var(--sp3) + var(--drupal-displace-offset-top, 0px)); + border-block-start: solid var(--color--white) + calc(var(--sp3) + var(--drupal-displace-offset-top, 0px)); background-color: var(--color--white); box-shadow: 0 0 72px rgba(0, 0, 0, 0.1); } .header-nav.is-active { visibility: visible; - transform: translateX(calc(-100% - var(--drupal-displace-offset-right, 0px))); /* LTR */ + transform: translateX( + calc(-100% - var(--drupal-displace-offset-right, 0px)) + ); /* LTR */ } [dir="rtl"] .header-nav.is-active { @@ -83,7 +86,8 @@ html.js .header-nav { transition: visibility 0.2s, transform 0.2s; } -@media ((((min-width: 60rem)))) { +/* @media ((((min-width: 60rem)))) { */ +@media ((((min-width: 1500px)))) { body:not(.is-always-mobile-nav) .header-nav { position: static; display: flex; @@ -111,14 +115,21 @@ html.js .header-nav { max-width: calc((7 * (var(--grid-col-width) + var(--grid-gap)))); padding-inline-end: var(--sp); transition: transform 0.2s, visibility 0.2s; - border-top-width: calc(var(--drupal-displace-offset-top, 0px) + var(--sp11)); + border-top-width: calc( + var(--drupal-displace-offset-top, 0px) + var(--sp11) + ); } } @media (min-width: 90rem) { body.is-always-mobile-nav .header-nav { - max-width: calc(100vw - (var(--max-width) + var(--content-left)) + ((7 * (var(--grid-col-width) + var(--grid-gap))))); - padding-inline-end: calc(100vw - (var(--max-width) + var(--content-left) - var(--sp))); + max-width: calc( + 100vw - (var(--max-width) + var(--content-left)) + + ((7 * (var(--grid-col-width) + var(--grid-gap)))) + ); + padding-inline-end: calc( + 100vw - (var(--max-width) + var(--content-left) - var(--sp)) + ); } } diff --git a/css/components/navigation/nav-primary-wide.css b/css/components/navigation/nav-primary-wide.css index 2b89ef9..1d8f3ae 100755 --- a/css/components/navigation/nav-primary-wide.css +++ b/css/components/navigation/nav-primary-wide.css @@ -10,7 +10,8 @@ * Nav Primary (wide widths). */ -@media ((((min-width: 60rem)))) { +/* @media ((((min-width: 60rem)))) { */ +@media ((((min-width: 1500px)))) { body:not(.is-always-mobile-nav) .primary-nav__menu-item { flex-wrap: nowrap; /* Ensure that sub navigation toggle button doesn't wrap underneath link. */ } @@ -126,8 +127,7 @@ body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) { margin-inline-end: var(--sp1-5); - margin-inline-end: 1.5rem; - + margin-inline-end: 1.5rem; } body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {