display contents solution
This commit is contained in:
parent
9996c9caba
commit
1fcc23c790
15 changed files with 22 additions and 55 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 */
|
||||||
|
|
|
@ -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 */
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue