improved centering of product thumbnails

diff --git a/css/style.css b/css/style.css
index 578b6890bffaf6ffa245a1bdf15a2011b7a971b8..7b89ed70a2ca3d437e88ba8879e06b7afcc6df63 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -103,6 +103,12 @@ a { transition: 0.3s; }
 /* RYF List */
 
 
 /* RYF List */
 
 

+.ryf-list-row ul {
+  padding: 0;
+  margin: 0 auto;
+  overflow: auto;
+}
+

 .ryf-list {
   float: left;
   margin: 0;
 .ryf-list {
   float: left;
   margin: 0;


@@ -181,6 +187,9 @@ a { transition: 0.3s; }
 }
 
 @media screen and (min-width: 450px) and (max-width: 659px) {
 }
 
 @media screen and (min-width: 450px) and (max-width: 659px) {

+  .ryf-list-row ul {
+    max-width: 600px;
+  }

   .ryf-list {
     max-width: 300px;
     float: none;
   .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) {
   }
 }
 @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;
   .ryf-list-row {
     margin: 0 auto;
     max-width: 660px;