WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
[resolved] Mobile device issue (7 posts)

  1. RichardILD
    Member
    Posted 1 year ago #

    Hey,

    Having a weird issue. I have the slideshow on the Home Page and it works fine on PC browsers, but on mobile devices the first slide displays, fades out and the subsequent slides don't display. I've tried it on Android and iPhone, same result. Bit mystified.

    http://project10.tempoprojects.co.uk/

    Cheers,

    Richard

    http://wordpress.org/extend/plugins/meteor-slides/

  2. davemhui
    Member
    Posted 1 year ago #

    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.

  3. RichardILD
    Member
    Posted 1 year ago #

    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.

  4. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    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;
    }
  5. RichardILD
    Member
    Posted 1 year ago #

    Thanks a lot for taking a look, Josh. I'll see if that sorts it out.

  6. RichardILD
    Member
    Posted 1 year ago #

    The width rule worked a treat, Josh. Nice find!

  7. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    No problem!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic