scss fix for small sizes

This commit is contained in:
ut 2019-03-07 18:08:18 +01:00
parent fc36e01004
commit 8769c37c0a

View file

@ -136,18 +136,26 @@ header.site-header {
.top-bar-right { .top-bar-right {
background-color: $dark-color; background-color: $dark-color;
margin-top: 0; margin-top: 0;
width: 100%;
@media screen and #{$large-up} { @media screen and #{$large-up} {
margin-top: 40px; margin-top: 40px;
margin-left: auto;
width: unset;
} }
@media screen and #{$verylarge-up} { @media screen and #{$verylarge-up} {
margin-top: 0; margin-top: 0;
} }
.menu { .menu {
margin-right: 1rem; margin-right: 1rem;
margin-top: 110px; margin-top: 0;
margin-bottom: 10px; margin-bottom: 10px;
@media screen and #{$medium-only} {
margin-top: 110px;
}
@media screen and #{$large-up} { @media screen and #{$large-up} {
margin-top: 0; margin-top: 0;
} }
li, li:not(:last-child), li:not(.menu-text) { li, li:not(:last-child), li:not(.menu-text) {