ソースを参照

Elegant Business: Limit the Media & Text padding fix to mobile

Danny Dudzic 6 年 前
コミット
de9c896031

+ 4 - 1
elegant-business/sass/blocks/_blocks.scss

@@ -824,7 +824,10 @@
 			@include media(tablet) {
 				left: calc( -12.5% - 75px );
 				max-width: calc( 125% + 150px );
-				padding: 0 8%;
+
+				.wp-block-media-text__content {
+					padding: 0 8%;
+				}
 			}
 		}
 

+ 7 - 0
elegant-business/style-rtl.css

@@ -4232,11 +4232,18 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
+  padding: 0 1rem;
+}
+
 @media only screen and (min-width: 768px) {
   .entry .entry-content .wp-block-media-text.alignfull {
     right: calc( -12.5% - 75px);
     max-width: calc( 125% + 150px);
   }
+  .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
+    padding: 0 8%;
+  }
 }
 
 @media all and (-ms-high-contrast: none) {

+ 2 - 0
elegant-business/style.css

@@ -4252,6 +4252,8 @@ body.page .main-navigation {
   .entry .entry-content .wp-block-media-text.alignfull {
     left: calc( -12.5% - 75px);
     max-width: calc( 125% + 150px);
+  }
+  .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
     padding: 0 8%;
   }
 }