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 {
display: flex;
flex-flow: column;
align-items: center;
align-items: initial;
justify-content: space-around;
padding-left: 1rem;
}
.edit-post-visual-editor__content-area .site-header .secondary {
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) {
.edit-post-visual-editor__content-area .site-header .main {
align-items: center;
}
.edit-post-visual-editor__content-area .site-header .secondary {
border-top: 1px solid #eee;
align-items: center;
}
.edit-post-visual-editor__content-area .site-main {
padding: 0 2rem;

File diff suppressed because one or more lines are too long

View File

@ -34,8 +34,9 @@
.main {
display: flex;
flex-flow: column;
align-items: center;
align-items: initial;
justify-content: space-around;
padding-left: 1rem;
}
.secondary {
display: flex;
@ -88,10 +89,11 @@
}
.site-header {
.main {
//flex-flow: column;
align-items: center;
}
.secondary {
border-top: 1px solid $color__grey-lighter;
align-items: center;
}
}
.site-main {

View File

@ -919,8 +919,9 @@ textarea {
.site-header .main {
display: flex;
flex-flow: column;
align-items: center;
align-items: initial;
justify-content: space-around;
padding-left: 1rem;
}
.site-header .secondary {
display: flex;
@ -950,8 +951,12 @@ textarea {
}
@media screen and (min-width: 48em) {
.site-header .main {
align-items: center;
}
.site-header .secondary {
border-top: 1px solid #eee;
align-items: center;
}
.site-main {
padding: 0 2rem;

File diff suppressed because one or more lines are too long