slider is really wide for a split second, then snaps back into place

Hi @janetb,

It might be because the images are twice the size of the slideshow and FlexSlider or the browser isn’t sure how to calculate the height. Do you have this issue using a different slider?

Also, could you try using a different crop setting to see if that fixes anything?

Thanks

Hi @kbat82,

Thanks for your quick response.
Originally the images of this slider are used here: https://www.muslie.nl
The slider is larger there.
Crop-setting is default.

To ensure that no plugins or the used theme is reponsible, I made this new WP-installation.

• This reply was modified 6 years, 8 months ago by inula.
• This reply was modified 6 years, 8 months ago by inula.

Hi @janetb,

Did any of my suggestions above show any changes?

I suspect this is because the images are sized much larger than the slideshow. We have a fix for this in an upcoming release but I’m not sure yet if the issue is the same.

Hi @kbat82,

Yes, I did. I changed crop from no crop to standard, to smart crop.

I did this in the orignal slider at https://www.muslie.nl
This one is pagewide, so the images are not way to large.
And what do you mean ‘a different slider’?

Hi @janetb,

MetaSlider comes with 4 sliders including FlexSlider, R. Slides, Coin Slider, and Nivo Slider. I was hoping to see if the issue is specific to FlexSlider.

About the crop changes. Was there any difference in the page jumping?

It looks like the issue is with FlexSlider itself though. It’s not adding the styles it needs on cloned slides early enough. Can you try adding this CSS?

.metaslider .ms-image.clone {
  float: left;
}

If that still doesn’t work, can you try it without the text .clone, like:

.metaslider .ms-image {
  float: left;
}

Thanks

Hi @kbat82,

O, I understand. I tried the other sliders (specially Nivo-slider slide-in). And yes the issue is specific to Flexslider.

No luck with
.metaslider .ms-image.clone { float: left;}
or
.metaslider .ms-image { float: left;}

Thanks

• This reply was modified 6 years, 8 months ago by inula.

Hi, can you set the width of the slider to match the max width of the container on the test site? I believe that’s 640px. I just want to see if that makes a difference. Thanks

Sure.
Width of slider is 640px now. (height 128)

Made first picture 640px wide too.

• This reply was modified 6 years, 8 months ago by inula.

Hi @janetb,

I’m not sure why I can’t reproduce the error on my own sites. Could you try to switch the language on the testing site to English just to see if anything changes? Thanks

Hi @janetb,

I’m able to reproduce the error now. I’ll post a fix in a little bit. Thanks for your patience.

Hi @janetb,

I submitted a fix to FlexSlider and will try to get the fix manually added to MetaSlider, hopefully within the next day or two.

https://github.com/woocommerce/FlexSlider/issues/1712

Hi kbatdorf,

Sorry I didn’t answer sooner. I was out all afternoon.
Very glad you submitted a fix!!! Looking forward to it.
Thanks a lot for all your help.

Regards,
Janet

Hi @janetb,

We released an update. Do you want to try it out and let me know how it works? Thanks!

Hi kbatdorf,

Perfect!!
Problem solved.

Thanks again.

Glad it’s working, and thanks for the kind review!