improved centering of product thumbnails
[ryf-theme.git] / css / style.css
index 578b689..7b89ed7 100644 (file)
@@ -103,6 +103,12 @@ a { transition: 0.3s; }
 /* RYF List */
 
 
+.ryf-list-row ul {
+  padding: 0;
+  margin: 0 auto;
+  overflow: auto;
+}
+
 .ryf-list {
   float: left;
   margin: 0;
@@ -181,6 +187,9 @@ a { transition: 0.3s; }
 }
 
 @media screen and (min-width: 450px) and (max-width: 659px) {
+  .ryf-list-row ul {
+    max-width: 600px;
+  }
   .ryf-list {
     max-width: 300px;
     float: none;
@@ -188,6 +197,9 @@ a { transition: 0.3s; }
   }
 }
 @media screen and (min-width: 660px) and (max-width: 767px) {
+  .ryf-list-row ul {
+    max-width: 600px;
+  }
   .ryf-list-row {
     margin: 0 auto;
     max-width: 660px;