diff --git a/assets/stylesheets/template/layout/header.scss b/assets/stylesheets/template/layout/header.scss index bfb6d8f..f8d7843 100644 --- a/assets/stylesheets/template/layout/header.scss +++ b/assets/stylesheets/template/layout/header.scss @@ -1,4 +1,4 @@ -@charset "utf-8"; +@charset "utf-8"; @import "../initial"; @@ -372,7 +372,10 @@ a#content{ //top:2.5em; .dropdowns{ @media (min-width: 769px) { - justify-content:center!important; + justify-content: flex-start; + .navbar-header { + justify-content: center; + } } } .navbar-brand{ diff --git a/assets/stylesheets/template/modules/menu.scss b/assets/stylesheets/template/modules/menu.scss index 577ec28..254af6c 100644 --- a/assets/stylesheets/template/modules/menu.scss +++ b/assets/stylesheets/template/modules/menu.scss @@ -7,7 +7,9 @@ } } .navbar-collapse.in { - overflow-y: unset; + @media(min-width: 769px){ + overflow-y: unset; + } } .mobile-menu .collapse.navbar-collapse.modules-menu{ padding-bottom: 3em; @@ -49,6 +51,7 @@ border-bottom: 2px solid #288E8E; margin-right: 1em; font-weight:bold; + font-size: 1.4em; } } .modules-menu-level-1{ @@ -176,7 +179,7 @@ & > a { padding: 0.8rem; - font-size: 14px; + font-size: 1.4em; color:#fff; font-weight: 900; // text-shadow: 1px 1px 1px #0000008c; @@ -209,10 +212,10 @@ position: relative; & > a { + font-size: 1.2em; display: block; padding: 1em 1.5em; font-family: $main-font; - font-size: 16px; font-weight: 500; color: #fff; } @@ -232,8 +235,9 @@ @media (min-width: $screen-sm) { & > li { - padding-right: 2em; + padding-right: 0.5em; width: 50%; + white-space: normal; & > a { padding-left: 1em; padding: 5px 0; @@ -262,8 +266,8 @@ display: block; padding: 0.3em 3em; font-family: $main-font; - color: #333; - font-size: 16px; + color: #fff; + font-size: 1em; font-weight: 500; } @@ -328,29 +332,34 @@ top: 40px; padding-top: 0; } - .modules-menu .modules-menu-level-0 > li > a, .modules-menu .modules-menu-level-0 ,.modules-menu .modules-menu-level-0 > li {color: #fff; - font-size: 18px ; - font-weight: 500; } -.menu-drop{ - font-size: 10px ; -} + .modules-menu .modules-menu-level-0 ,.modules-menu .modules-menu-level-0 > li { + font-size: 1em; + } + .modules-menu .modules-menu-level-0 > li > a { + color: #fff; + font-size: 1.4em; + font-weight: 500; + } + .menu-drop{ + font-size: 0.625em ; + } .navbar-toggle { - position: absolute; - right: 2.8em; - background: transparent; - top: 6.5em; - z-index: 11111; - height: 40px; - margin: 0; - border: 0; - -webkit-transition: -webkit-transform 0.3s; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: transform 0.3s, -webkit-transform 0.3s; - @media(max-width:768px){ - left: 3em; - top:0; - } + position: absolute; + right: 2.8em; + background: transparent; + top: 6.5em; + z-index: 11111; + height: 40px; + margin: 0; + border: 0; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + @media(max-width:768px){ + left: 3em; + top:0; + } } .cover { @@ -409,27 +418,27 @@ margin-left: 5px; } .dropdown-arrow{ - align-self: center; - margin-left: 10px; - z-index: 999; - @media(max-width: 768px){ - position: absolute; - right: 0.3em; - width: 2.5em; - height: 2.5em; - cursor: pointer; - line-height: 2.5em; - font-size: 1em; - text-align: center; - border-radius: 0.13em; - display: none!important; - } + align-self: center; + margin-left: 10px; + z-index: 999; + @media(max-width: 768px){ + position: absolute; + right: 0.3em; + width: 2.5em; + height: 2.5em; + cursor: pointer; + line-height: 2.5em; + font-size: 1em; + text-align: center; + border-radius: 0.13em; + display: none!important; + } } .fa-chevron-right{ - align-self: center; - margin-left: 10px; - font-size: 3px; - font-weight: 100!important; + align-self: center; + margin-left: 10px; + font-size: 0.25em; + font-weight: 100!important; } .home-menu{ display: none; @@ -485,7 +494,7 @@ display: block; padding: 1em 1.5em; font-family: $main-font; - font-size: 16px; + font-size: 1em; font-weight: 600; color: #333; }