Support » Plugins and Hacks » Meteor Slides » Mobile device issue

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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.

    Plugin Author Josh Leuze

    (@jleuze)


    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!

    Plugin Author Josh Leuze

    (@jleuze)


    No problem!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Mobile device issue’ is closed to new replies.