Adjust grid selectors

Shopify · Mar 3, 2022 · 6c25d32 · 6c25d32
1 parent 395bb27
commit 6c25d32
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/assets/section-main-product.css b/assets/section-main-product.css
@@ -500,12 +500,6 @@ a.product__text {
     padding-right: var(--media-shadow-horizontal-offset);
   }
 
-  .product__media-list .product__media-item:first-child,
-  .product__media-list .product__media-item.product__media-item--full {
-    width: 100%;
-    max-width: 100%;
-  }
-
   .product--thumbnail .product__media-item:not(.is-active),
   .product--thumbnail_slider .product__media-item:not(.is-active) {
     display: none;
@@ -595,6 +589,12 @@ a.product__text {
     max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
   }
 
+  .product__media-list .product__media-item:first-child,
+  .product__media-list .product__media-item--full {
+    width: 100%;
+    max-width: 100%;
+  }
+
   .product__modal-opener .product__media-icon {
     opacity: 0;
   }