positioned logo in small screens
This commit is contained in:
parent
854c166836
commit
988f4863e0
|
@ -980,8 +980,9 @@ Add your custom styles in this file so it is easier to update the theme.
|
||||||
.edit-post-visual-editor__content-area .site-header .main {
|
.edit-post-visual-editor__content-area .site-header .main {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
align-items: center;
|
align-items: initial;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
padding-left: 1rem;
|
||||||
}
|
}
|
||||||
.edit-post-visual-editor__content-area .site-header .secondary {
|
.edit-post-visual-editor__content-area .site-header .secondary {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -1011,8 +1012,12 @@ Add your custom styles in this file so it is easier to update the theme.
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 48em) {
|
@media screen and (min-width: 48em) {
|
||||||
|
.edit-post-visual-editor__content-area .site-header .main {
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
.edit-post-visual-editor__content-area .site-header .secondary {
|
.edit-post-visual-editor__content-area .site-header .secondary {
|
||||||
border-top: 1px solid #eee;
|
border-top: 1px solid #eee;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.edit-post-visual-editor__content-area .site-main {
|
.edit-post-visual-editor__content-area .site-main {
|
||||||
padding: 0 2rem;
|
padding: 0 2rem;
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -34,8 +34,9 @@
|
||||||
.main {
|
.main {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
align-items: center;
|
align-items: initial;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
padding-left: 1rem;
|
||||||
}
|
}
|
||||||
.secondary {
|
.secondary {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -88,10 +89,11 @@
|
||||||
}
|
}
|
||||||
.site-header {
|
.site-header {
|
||||||
.main {
|
.main {
|
||||||
//flex-flow: column;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.secondary {
|
.secondary {
|
||||||
border-top: 1px solid $color__grey-lighter;
|
border-top: 1px solid $color__grey-lighter;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.site-main {
|
.site-main {
|
||||||
|
|
|
@ -919,8 +919,9 @@ textarea {
|
||||||
.site-header .main {
|
.site-header .main {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
align-items: center;
|
align-items: initial;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
padding-left: 1rem;
|
||||||
}
|
}
|
||||||
.site-header .secondary {
|
.site-header .secondary {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -950,8 +951,12 @@ textarea {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 48em) {
|
@media screen and (min-width: 48em) {
|
||||||
|
.site-header .main {
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
.site-header .secondary {
|
.site-header .secondary {
|
||||||
border-top: 1px solid #eee;
|
border-top: 1px solid #eee;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.site-main {
|
.site-main {
|
||||||
padding: 0 2rem;
|
padding: 0 2rem;
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue