positioned logo in small screens

This commit is contained in:
jorge 2023-01-14 19:44:08 +01:00
parent 854c166836
commit 988f4863e0
5 changed files with 18 additions and 6 deletions

View File

@ -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

View File

@ -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 {

View File

@ -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