Fixed-Product-page-tabbing-content-misalignment-in-mobile-view :: Product Page tabbing Content Misaligned in mobile view

Parag Chavare · Parag Chavare · commit c33a84d6d10e · 2019-01-22T17:49:41.000+05:30
diff --git a/app/design/frontend/Magento/blank/web/css/source/_sections.less b/app/design/frontend/Magento/blank/web/css/source/_sections.less
@@ -34,5 +34,13 @@
         .data.item {
             display: block;
         }
+      .item.title {
+        >.switch{
+          padding: 1px 15px 1px;
+        }
+      }
+      >.item.content{
+        padding: 10px 15px 30px;
+      }
     }
 }
diff --git a/app/design/frontend/Magento/luma/web/css/source/_sections.less b/app/design/frontend/Magento/luma/web/css/source/_sections.less
@@ -75,3 +75,16 @@
         }
     }
 }
+
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
+  .product.data.items{
+    .item.title {
+      >.switch{
+        padding: 1px 15px 1px;
+      }
+    }
+    >.item.content{
+      padding: 10px 15px 30px;
+    }
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -75,3 +75,16 @@`
`75`	`75`	`}`
`76`	`76`	`}`
`77`	`77`	`}`
	`78`	`+`
	`79`	`+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {`
	`80`	`+ .product.data.items{`
	`81`	`+ .item.title {`
	`82`	`+ >.switch{`
	`83`	`+ padding: 1px 15px 1px;`
	`84`	`+ }`
	`85`	`+ }`
	`86`	`+ >.item.content{`
	`87`	`+ padding: 10px 15px 30px;`
	`88`	`+ }`
	`89`	`+ }`
	`90`	`+}`