i put .ryf-list-row on the <ul> tag, so style.css needed to be changed
to reflect this.
/* RYF List */
-.ryf-list-row ul {
+.ryf-list-row {
padding: 0;
margin: 0 auto;
overflow: auto;
}
@media screen and (min-width: 450px) and (max-width: 659px) {
- .ryf-list-row ul {
+ .ryf-list-row {
max-width: 600px;
}
.ryf-list {
}
}
@media screen and (min-width: 660px) and (max-width: 767px) {
- .ryf-list-row ul {
+ .ryf-list-row {
max-width: 600px;
}
.ryf-list-row {
/* Vendors list */
-.vendors-list-row ul {
+.vendors-list-row {
padding: 10px;
margin: 0 auto;
overflow: auto;