diff --git a/alves/style-rtl.css b/alves/style-rtl.css index 5cd929f59..1aab66cd7 100644 --- a/alves/style-rtl.css +++ b/alves/style-rtl.css @@ -4486,7 +4486,7 @@ body:not(.fse-enabled) #masthead { margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } diff --git a/alves/style.css b/alves/style.css index 2a8463811..118e6ab91 100644 --- a/alves/style.css +++ b/alves/style.css @@ -4515,7 +4515,7 @@ body:not(.fse-enabled) #masthead { margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } diff --git a/barnsbury/style-rtl.css b/barnsbury/style-rtl.css index de542f788..7abf30b58 100644 --- a/barnsbury/style-rtl.css +++ b/barnsbury/style-rtl.css @@ -4431,7 +4431,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top { margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } diff --git a/barnsbury/style.css b/barnsbury/style.css index e6a6e88c3..b7aab6371 100644 --- a/barnsbury/style.css +++ b/barnsbury/style.css @@ -4460,7 +4460,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top { margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } diff --git a/dalston/sass/_extra-child-theme.scss b/dalston/sass/_extra-child-theme.scss index 282c4fc87..7318566ec 100644 --- a/dalston/sass/_extra-child-theme.scss +++ b/dalston/sass/_extra-child-theme.scss @@ -326,11 +326,7 @@ a { .mobile-nav-side { .site-header.has-menu { .site-branding { - grid-area: site-logo; - justify-self: center; - } - .site-logo { - grid-area: unset; + display: contents; } } .main-navigation { diff --git a/dalston/style-rtl.css b/dalston/style-rtl.css index e3fada533..6fffcb626 100644 --- a/dalston/style-rtl.css +++ b/dalston/style-rtl.css @@ -4308,7 +4308,7 @@ a { margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } @@ -4390,11 +4390,7 @@ a { @media only screen and (max-width: 559px) { .mobile-nav-side .site-header.has-menu .site-branding { - grid-area: site-logo; - justify-self: center; - } - .mobile-nav-side .site-header.has-menu .site-logo { - grid-area: unset; + display: contents; } .mobile-nav-side .main-navigation .dropdown-icon { /* This is fixed the issue when the button changes widths */ diff --git a/dalston/style.css b/dalston/style.css index 3fa6fb4d0..578aed4a2 100644 --- a/dalston/style.css +++ b/dalston/style.css @@ -4337,7 +4337,7 @@ a { margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } @@ -4419,11 +4419,7 @@ a { @media only screen and (max-width: 559px) { .mobile-nav-side .site-header.has-menu .site-branding { - grid-area: site-logo; - justify-self: center; - } - .mobile-nav-side .site-header.has-menu .site-logo { - grid-area: unset; + display: contents; } .mobile-nav-side .main-navigation .dropdown-icon { /* This is fixed the issue when the button changes widths */ diff --git a/hever/style-rtl.css b/hever/style-rtl.css index 7ee15af58..c3900cca7 100644 --- a/hever/style-rtl.css +++ b/hever/style-rtl.css @@ -4508,7 +4508,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } diff --git a/hever/style.css b/hever/style.css index 67d39fe51..9c3d434e4 100644 --- a/hever/style.css +++ b/hever/style.css @@ -4537,7 +4537,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } diff --git a/morden/style-rtl.css b/morden/style-rtl.css index ee23a1d2e..fa44c3ffc 100644 --- a/morden/style-rtl.css +++ b/morden/style-rtl.css @@ -4601,7 +4601,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } diff --git a/morden/style.css b/morden/style.css index 442936991..c4cff1c54 100644 --- a/morden/style.css +++ b/morden/style.css @@ -4630,7 +4630,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } diff --git a/rivington/sass/_extra-child-theme.scss b/rivington/sass/_extra-child-theme.scss index 75cd6bb02..d09c744dd 100644 --- a/rivington/sass/_extra-child-theme.scss +++ b/rivington/sass/_extra-child-theme.scss @@ -464,15 +464,8 @@ a { @include media(mobile-only) { .mobile-nav-side { .site-header.has-menu { - &.has-logo .site-branding { - grid-area: site-logo; - justify-self: center; - } - &:not(.has-logo) .site-branding { - grid-area: site-title; - } - .site-logo { - grid-area: unset; + .site-branding { + display: contents; } } } diff --git a/rivington/style-rtl.css b/rivington/style-rtl.css index 050cca4bb..904fae2ce 100644 --- a/rivington/style-rtl.css +++ b/rivington/style-rtl.css @@ -4464,7 +4464,7 @@ p:not(.site-title) a:hover { margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } @@ -4545,14 +4545,7 @@ p:not(.site-title) a:hover { } @media only screen and (max-width: 559px) { - .mobile-nav-side .site-header.has-menu.has-logo .site-branding { - grid-area: site-logo; - 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; + .mobile-nav-side .site-header.has-menu .site-branding { + display: contents; } } diff --git a/rivington/style.css b/rivington/style.css index 3d3e0c21f..67af12541 100644 --- a/rivington/style.css +++ b/rivington/style.css @@ -4493,7 +4493,7 @@ p:not(.site-title) a:hover { margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap; } @@ -4574,14 +4574,7 @@ p:not(.site-title) a:hover { } @media only screen and (max-width: 559px) { - .mobile-nav-side .site-header.has-menu.has-logo .site-branding { - grid-area: site-logo; - 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; + .mobile-nav-side .site-header.has-menu .site-branding { + display: contents; } } diff --git a/varia/sass/components/header/_site-mobile-nav-side.scss b/varia/sass/components/header/_site-mobile-nav-side.scss index b75330183..f618f0a40 100644 --- a/varia/sass/components/header/_site-mobile-nav-side.scss +++ b/varia/sass/components/header/_site-mobile-nav-side.scss @@ -58,7 +58,7 @@ $wpadmin-bar--height: 46px; margin: 0; justify-self: end; display: flex; - align-items: center; + align-items: flex-start; justify-content: end; white-space: nowrap;