• Resolved kevmeister

    (@kevmeister)


    For some reason, my carousel will skip over one slide between the first and second ‘pages’. I can see the extra slide go past (very quickly) but it is never seen. This only happens when I have my browser in full screen mode. If my browser is windowed, I can see all the slides. You can see it here: http://www.wordfirepress.com

    Any ideas?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi @kevmeister

    I can see the issue. Is there any difference when viewing it from the preview area within WordPress on the MetaSlider settings page?

    Thread Starter kevmeister

    (@kevmeister)

    In the preview, there is a small sliver of the missed slide on the left side but it never shows the entire slide; the next page skips over it.

    • This reply was modified 6 years, 2 months ago by kevmeister.

    Can you share a screenshot of all the settings you have? I’ll try to reproduce it and see if there is any way to get FlexSlider to play nice.

    Thread Starter kevmeister

    (@kevmeister)

    I can’t figure out how to add a screenshot here. Here are my settings:
    FlexSlider
    Width: 160 px
    Height: 240 px
    Effect: fade
    Arrows (check)
    dots (selected)

    no theme selected
    Advanced Settings:
    100% width (check)
    Center align (check)
    Auto play (check)
    Image Crop: Standard
    Carousel mode (check)
    Carousel margin 35 px
    Fade in (not checked)
    Random (checked)
    Hover pause (checked)
    Reverse (not checked)
    Slide delay 3500 ms
    Animation speed 600 ms
    Slide direction: Horizontal
    Easing: Linear
    Previous text <
    Next text >

    Developer options
    CSS classes (nothing)
    Print CSS (checked)
    Print JS (checked)
    No conflict mode (not checked)

    Most of these settings I’ve fiddled around with to no avail. The random box is checked just so that it’s a different slide that gets skipped every time someone goest to the site.

    Thanks!

    Hi,

    It looks like a bug with FlexSlider and the spacing there. It’s not something I can fix, but I might have a workaround. Can you set the “carousel margin” to 0 and then add the following css:

    #metaslider-id-123 .slides li {
          padding: 0 17.5px !important;
    }

    Change the 123 to the ID of your slideshow.

    You can adjust the padding as needed. Also, you might want to set a negative margin to the container.

    #metaslider-id-123 {
          margin: 0 -17.5px !important;
    }

    Let me know how that works

    Thread Starter kevmeister

    (@kevmeister)

    Thank you. I can see all the slides now and it doesn’t skip any 🙂 I can tell it’s still a bit glitchy but at least I’m not missing a slide. Thanks for all your help!

    It looks pretty good for me actually on Chrome. Anyway, I’ll mark this as resolved but feel free to reply if needed or open a new issue.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Carousel missing a slide?’ is closed to new replies.