Fixed-Product-page-tabbing-content-misalignment-in-mobile-view :: Pro…

…duct Page tabbing Content Misaligned in mobile view
magento · Jan 22, 2019 · c33a84d · c33a84d
1 parent 2f30dde
commit c33a84d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
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;
+    }
+  }
+}