improved product and sc swiper responsivness

hotdoy · Dec 24, 2019 · 452af00 · 452af00
1 parent ca95bd4
commit 452af00
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/css/product.css b/css/product.css
@@ -47,7 +47,13 @@
 
 .product-gallery-top {
   width: 100%;
-  height: 650px;
+  height: 500px;
+}
+
+@media (min-width: 550px) {
+    .product-gallery-top{
+        height: 650px;
+    }
 }
 
 .product-gallery-top .swiper-slide {
@@ -64,11 +70,17 @@
 
 .product-gallery-thumbs {
   width: 100%;
-  height: 100px;
+  height: 75px;
   padding-right: : 10px;
   padding-top: 10px;
 }
 
+@media (min-width: 550px) {
+    .product-gallery-thumbs{
+        height: 100px;
+    }
+}
+
 .product-gallery-thumbs .swiper-slide {
   height: 100%;
   width: 100px;
@@ -86,4 +98,4 @@
 
 .product-gallery-thumbs .swiper-slide-thumb-active {
   opacity: 1;
-}
+}
diff --git a/css/swipersc.css b/css/swipersc.css
@@ -1,9 +1,14 @@
 .swipersc{
 	width: 100%;
-	height: 650px;
+	height: 500px;
 	margin-bottom: 3rem;
     margin-top: 3rem;
 }
+@media (min-width: 550px) {
+    .swipersc{
+        height: 650px;
+    }
+}
 
 .swipersc .swiper-slide{
 	width: 100%;