scss fix for small sizes
This commit is contained in:
parent
fc36e01004
commit
8769c37c0a
|
@ -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) {
|
||||||
|
|
Loading…
Reference in a new issue