display contents solution

This commit is contained in:
Maggie Cabrera 2020-12-16 12:38:28 +01:00
parent 9996c9caba
commit 1fcc23c790
15 changed files with 22 additions and 55 deletions

View file

@ -4486,7 +4486,7 @@ body:not(.fse-enabled) #masthead {
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }

View file

@ -4515,7 +4515,7 @@ body:not(.fse-enabled) #masthead {
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }

View file

@ -4431,7 +4431,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }

View file

@ -4460,7 +4460,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }

View file

@ -326,11 +326,7 @@ a {
.mobile-nav-side { .mobile-nav-side {
.site-header.has-menu { .site-header.has-menu {
.site-branding { .site-branding {
grid-area: site-logo; display: contents;
justify-self: center;
}
.site-logo {
grid-area: unset;
} }
} }
.main-navigation { .main-navigation {

View file

@ -4308,7 +4308,7 @@ a {
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }
@ -4390,11 +4390,7 @@ a {
@media only screen and (max-width: 559px) { @media only screen and (max-width: 559px) {
.mobile-nav-side .site-header.has-menu .site-branding { .mobile-nav-side .site-header.has-menu .site-branding {
grid-area: site-logo; display: contents;
justify-self: center;
}
.mobile-nav-side .site-header.has-menu .site-logo {
grid-area: unset;
} }
.mobile-nav-side .main-navigation .dropdown-icon { .mobile-nav-side .main-navigation .dropdown-icon {
/* This is fixed the issue when the button changes widths */ /* This is fixed the issue when the button changes widths */

View file

@ -4337,7 +4337,7 @@ a {
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }
@ -4419,11 +4419,7 @@ a {
@media only screen and (max-width: 559px) { @media only screen and (max-width: 559px) {
.mobile-nav-side .site-header.has-menu .site-branding { .mobile-nav-side .site-header.has-menu .site-branding {
grid-area: site-logo; display: contents;
justify-self: center;
}
.mobile-nav-side .site-header.has-menu .site-logo {
grid-area: unset;
} }
.mobile-nav-side .main-navigation .dropdown-icon { .mobile-nav-side .main-navigation .dropdown-icon {
/* This is fixed the issue when the button changes widths */ /* This is fixed the issue when the button changes widths */

View file

@ -4508,7 +4508,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }

View file

@ -4537,7 +4537,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }

View file

@ -4601,7 +4601,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }

View file

@ -4630,7 +4630,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }

View file

@ -464,15 +464,8 @@ a {
@include media(mobile-only) { @include media(mobile-only) {
.mobile-nav-side { .mobile-nav-side {
.site-header.has-menu { .site-header.has-menu {
&.has-logo .site-branding { .site-branding {
grid-area: site-logo; display: contents;
justify-self: center;
}
&:not(.has-logo) .site-branding {
grid-area: site-title;
}
.site-logo {
grid-area: unset;
} }
} }
} }

View file

@ -4464,7 +4464,7 @@ p:not(.site-title) a:hover {
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }
@ -4545,14 +4545,7 @@ p:not(.site-title) a:hover {
} }
@media only screen and (max-width: 559px) { @media only screen and (max-width: 559px) {
.mobile-nav-side .site-header.has-menu.has-logo .site-branding { .mobile-nav-side .site-header.has-menu .site-branding {
grid-area: site-logo; display: contents;
justify-self: center;
}
.mobile-nav-side .site-header.has-menu:not(.has-logo) .site-branding {
grid-area: site-title;
}
.mobile-nav-side .site-header.has-menu .site-logo {
grid-area: unset;
} }
} }

View file

@ -4493,7 +4493,7 @@ p:not(.site-title) a:hover {
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;
} }
@ -4574,14 +4574,7 @@ p:not(.site-title) a:hover {
} }
@media only screen and (max-width: 559px) { @media only screen and (max-width: 559px) {
.mobile-nav-side .site-header.has-menu.has-logo .site-branding { .mobile-nav-side .site-header.has-menu .site-branding {
grid-area: site-logo; display: contents;
justify-self: center;
}
.mobile-nav-side .site-header.has-menu:not(.has-logo) .site-branding {
grid-area: site-title;
}
.mobile-nav-side .site-header.has-menu .site-logo {
grid-area: unset;
} }
} }

View file

@ -58,7 +58,7 @@ $wpadmin-bar--height: 46px;
margin: 0; margin: 0;
justify-self: end; justify-self: end;
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: end; justify-content: end;
white-space: nowrap; white-space: nowrap;