diff --git a/modern-business/sass/blocks/_blocks.scss b/modern-business/sass/blocks/_blocks.scss index 16c13d9c6..f313f115f 100644 --- a/modern-business/sass/blocks/_blocks.scss +++ b/modern-business/sass/blocks/_blocks.scss @@ -191,11 +191,19 @@ } } - &.alignfull .wp-block-media-text__content { - padding: 8% 1rem; + &.alignfull { + .wp-block-media-text__content { + padding: 8% 1rem; - @include media(tablet) { - padding: 8%; + @include media(tablet) { + padding: 0 #{2 * $size__vertical-spacing-unit} 0 0; + } + } + + &.has-media-on-the-right .wp-block-media-text__content { + @include media(tablet) { + padding: 0 0 0 #{2 * $size__vertical-spacing-unit}; + } } } diff --git a/modern-business/style-rtl.css b/modern-business/style-rtl.css index 5a00be7a3..4b53faa39 100644 --- a/modern-business/style-rtl.css +++ b/modern-business/style-rtl.css @@ -3585,12 +3585,18 @@ body.page .main-navigation { } .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content { - padding: 0 1rem; + padding: 8% 1rem; } @media only screen and (min-width: 768px) { .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content { - padding: 8%; + padding: 0 0 0 64px; + } +} + +@media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content { + padding: 0 64px 0 0; } } diff --git a/modern-business/style.css b/modern-business/style.css index ccff9066c..5a5f91e12 100644 --- a/modern-business/style.css +++ b/modern-business/style.css @@ -3602,7 +3602,13 @@ body.page .main-navigation { @media only screen and (min-width: 768px) { .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content { - padding: 8%; + padding: 0 64px 0 0; + } +} + +@media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content { + padding: 0 0 0 64px; } }