Hide modal images on Desktop only (#526)

Shopify · Aug 31, 2021 · c124981 · c124981
1 parent ec6f6ad
commit c124981
Showing 1 changed file with 16 additions and 10 deletions.
diff --git a/assets/section-main-product.css b/assets/section-main-product.css
@@ -398,6 +398,22 @@ a.product__text {
  .product__media-item:first-child {
  width: 100%;
  }
+
+ .product-media-modal__content > .product__media-item--variant.product__media-item--variant {
+ display: none;
+ }
+
+ .product-media-modal__content > .product__media-item--variant:first-child {
+ display: block;
+ }
+}
+
+.product__media-item--variant {
+ display: none;
+}
+
+.product__media-item--variant:first-child {
+ display: block;
 }
 
 @media screen and (min-width: 750px) and (max-width: 989px) {
@@ -411,16 +427,6 @@ a.product__text {
  }
 }
 
- .product__media-item--variant,
- .product-media-modal__content > .product__media-item--variant.product__media-item--variant {
- display: none;
- }
-
- .product__media-item--variant:first-child,
- .product-media-modal__content > .product__media-item--variant:first-child {
- display: block;
- }
-
 .product__media-icon .icon {
  width: 1.2rem;
  height: 1.4rem;