diff --git a/src/style/App.scss b/src/style/App.scss index 8eb9ed1a..9dd9feef 100644 --- a/src/style/App.scss +++ b/src/style/App.scss @@ -71,7 +71,7 @@ button { h1, h2, h3 { - font-family:$font-space; + font-family:$font-chivo; } strong, diff --git a/src/style/Header.scss b/src/style/Header.scss index a5d9328a..bd0b1f82 100644 --- a/src/style/Header.scss +++ b/src/style/Header.scss @@ -111,13 +111,19 @@ button.dropdown-toggle { } @media (max-width: 860px) { + + + .header-mega-menu { + /* TODO: FIX THE OVERFLOWS ON ALL MENU STUFF*/ + max-height: calc(100vh - 53px); + overflow-y: auto; + } + .header-mega-menu { width: 100vw; left: auto; right: 0px; - max-height: calc(100vh - 53px); border: none; - overflow-y: auto; top: 53px; z-index:2000; } @@ -127,6 +133,18 @@ button.dropdown-toggle { } } +@media (min-width:861px){ + .dropdown-menu-artskart{ + display: flex; + gap: 7%; + padding: 10px; + padding-top: 10px; + padding-top: 0; + max-height: calc(100vh - 53px); + overflow-y: auto; + } +} + .dropdown-box { display: flex; flex-direction: row;