Skip to content
Grav 2.0 is officially stable. Read the announcement →
Archive

Grav Shop Skel iPad, item display

Started by Muut Archive 11 years ago · 4 replies · 334 views
11 years ago

Trying to figure out how to get items on the Shop Site Skel to wrap properly when on an iPad.
I have used both Chrome device and an actual iPad. I have attached a screen shot.
Something to do with the following lines in css/snipcart.css

@media only all and (min-width: 60em) and (max-width: 74.938em) {
.snipcart-products .snipcart-item.block {
width: 33%;
clear: none; }
.snipcart-products .snipcart-item.block:nth-child(3n+1) {
clear: left; } }
I've changed 3n+1 to other values, with varying results, tried removing all the above.
Appears to work on every other device I've tested (The issue is not evident until you add one or more products to the skeleton.)

Any assistance appreciated.
Screen Shot 2015-11-23 at 10

11 years ago

Thanks, Snipcart plugin updated with a fix

Suggested topics

Topic Participants Replies Views Activity
Archive · by Deleted User, 9 years ago
0 1349 9 years ago
Archive · by Muut Archive, 9 years ago
2 934 9 years ago
Archive · by Muut Archive, 9 years ago
2 4060 9 years ago
Archive · by Muut Archive, 9 years ago
1 2946 9 years ago
Archive · by Muut Archive, 9 years ago
3 1118 9 years ago