diff --git a/static/sass/_global-settings.scss b/static/sass/_global-settings.scss index 995e34f0ad1..52f68b11081 100644 --- a/static/sass/_global-settings.scss +++ b/static/sass/_global-settings.scss @@ -13,7 +13,6 @@ $color-mid-x-light: #e5e5e5; $font-use-subset-latin: true; $font-allow-cyrillic-greek-latin: true; $font-display-option: fallback; -$breakpoint-navigation-threshold: 1250px; -$threshold-6-12-col: $breakpoint-navigation-threshold; +$breakpoint-navigation-threshold: $viewport-threshold; $theme-default-nav: dark; $grid-max-width: 80rem; diff --git a/static/sass/_pattern_navigation.scss b/static/sass/_pattern_navigation.scss index c5d0c708a02..dfea299c16b 100644 --- a/static/sass/_pattern_navigation.scss +++ b/static/sass/_pattern_navigation.scss @@ -146,6 +146,10 @@ $meganav-height: 3rem; } @media (max-width: $breakpoint-navigation-threshold) { + .row { + display: unset; + } + .p-navigation__nav { margin-left: 0; overflow-y: auto; @@ -413,7 +417,7 @@ $meganav-height: 3rem; .p-navigation__item { .p-navigation__link { color: $color-mid-light; - padding: 0.5rem 2rem 0.5rem 0; + // padding: 0.5rem 2rem 0.5rem 0; } } @@ -579,6 +583,7 @@ $meganav-height: 3rem; } .row { + display: unset; padding-left: 0; padding-right: 0; } diff --git a/templates/templates/meganav/base.html b/templates/templates/meganav/base.html index 9d64c457198..d1a77a4a028 100644 --- a/templates/templates/meganav/base.html +++ b/templates/templates/meganav/base.html @@ -245,7 +245,7 @@