diff --git a/assets/scss/_header.scss b/assets/scss/_header.scss index 54a1fdc..5216e0a 100644 --- a/assets/scss/_header.scss +++ b/assets/scss/_header.scss @@ -65,6 +65,7 @@ header { li { padding: 0; + background: $menu_box_background; } } } @@ -170,7 +171,7 @@ header { } nav { box-shadow: $large_view 0px 0px 0px $menu_background_color, - -$large_view 0px 0px 0px $menu_background_color; + -$large_view 0px 0px 0px $menu_background_color; > ul { > li { a, .title_dropdown { @@ -190,18 +191,20 @@ header { h1 a, h1 a:hover, h1 a:link { font-size: $font_size_h1_mobile; } - nav { - ul { - display: table; + @if $show_mobile_menu == true { + nav { + ul { + display: table; - } - .dropdown { - .dropdown__menu { - left: 180%; } - &:after { - content: none; - opacity: 1; + .dropdown { + .dropdown__menu { + left: 180%; + } + &:after { + content: none; + opacity: 1; + } } } } diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index 71d09be..9ed090a 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -3,6 +3,7 @@ $background_accent_2: black; $menu_background_color: rgba(255,69,0,0.3); $menu_background_dropdown_color: white; $menu_accent_hover: red; +$menu_box_background: transparent; $font_accent_1: red; $font_accent_2: maroon; @@ -45,3 +46,4 @@ $pico_view: 320px; $menu_text_transform: none; $hide_footer: false; +$show_mobile_menu: true;