beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Morden: Fix responsive logic in header

Browse source
This commit is contained in:
Allan Cole 2019-08-27 10:41:10 -04:00
parent c539885985
commit 263d5b3d63
3 changed files with 28 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
morden/sass/_extra-child-theme.scss
View file

@ -68,8 +68,13 @@ body {
position: relative;
.site-header-wrap {
@extend %responsive-alignwide;
margin-left: auto;
margin-right: auto;
@include media(mobile-only) {
width: calc(100% - #{2 * map-deep-get($config-global, "spacing", "unit")});
}
& > * {
max-width: 100%;

11
morden/style-rtl.css
View file

@ -3491,6 +3491,17 @@ hr.wp-block-separator.is-style-wide,
position: relative;
}
#masthead .site-header-wrap {
margin-right: auto;
margin-left: auto;
}
@media only screen and (max-width: 559px) {
#masthead .site-header-wrap {
width: calc(100% - 32px);
}
}
#masthead .site-header-wrap > * {
max-width: 100%;
}

11
morden/style.css
View file

@ -3508,6 +3508,17 @@ hr.wp-block-separator.is-style-wide,
position: relative;
}
#masthead .site-header-wrap {
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 559px) {
#masthead .site-header-wrap {
width: calc(100% - 32px);
}
}
#masthead .site-header-wrap > * {
max-width: 100%;
}