Is your theme mobile friendly ? What theme are you using on your website ?
By the way, you can check for problems on mobile using GoMo meter provided by Google.
I built it using Reverie, so it’s definitely mobile friendly.
I’ll check it on GoMo, but if you have any other suggestions I’d be grateful.
There’s something in the theme’s media queries that is causing the slideshow to squish to 1px wide in Webkit browsers once hits that narrower query.
I think it is the box-sizing rule that is targeting all media:
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
That’s a little extreme, you could try removing that, or overwriting it for the slideshow like this:
.meteor-slides .mslide {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
I added this rule and I was able to get it to work at any width:
.meteor-slides .mslide {
width: 100% !important;
}
Thanks a lot for taking a look, Josh. I’ll see if that sorts it out.
The width rule worked a treat, Josh. Nice find!
