From: Andrew Engelbrecht Date: Mon, 29 Jul 2019 20:45:38 +0000 (-0400) Subject: improved centering of product thumbnails X-Git-Url: https://vcs.fsf.org/?p=ryf-theme.git;a=commitdiff_plain;h=aa68642cdb1a3d69a7c5473b661839d198897f4c;hp=5df3859d29ef97688e7d7833940b629db87674eb;ds=sidebyside improved centering of product thumbnails --- diff --git a/css/style.css b/css/style.css index 578b689..7b89ed7 100644 --- a/css/style.css +++ b/css/style.css @@ -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;