Woodmart slider is not working properly

I have 3 slides in homepage slider. First one comes properly but other 2 slides comes with broken layout and after 10 seconds the layout becomes perfect.

I thought its a slide design issue, so I changed the sequence of slides. It seems that theme is properly loading the first slide, but other two slides are coming with a broken layout each time.

Hi lewis-3718,

Thanks for reaching to us.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

I gave you the credentials as you requested.

Hi lewis-3718,

Thanks for details.

I’ve fixed your issue. Please check your site again.

Regards,

The issue still persist. I’ve added the screen recording

Attachments:

You must be logged in to view attached files.

Hi lewis-3718,

Would you mind if I deactivate extra plugins for testing? Please confirm me back.

Regards,

Sure I give you the permission to deactivate plugins for testing. But I would request to again activate the plugins.

You can proceed

Hi lewis-3718,

Please edit remained slides same as the first one. Please see my recorded video https://go.screenpal.com/watch/cTfV6NniJNt

Regards,

I duplicated first slide to create other 2 slides this time. Still the issue persist.

If you change the sequence of slides, the first slide always comes with perfect layout and other 2 comes with broken layout

Hi lewis-3718,

I’ve passed this topic to one of our developers, and I will let you know once get an answer.

Regards,

Hi lewis-3718,

The issue is caused by the use of the WPBakery Row Stretch option, which is applied to every row inside each slider. By default, WPBakery uses JavaScript to calculate the width of a stretched row, but this script does not function correctly within already stretched sections — which is your case, as you’ve enabled slider stretch in its settings: https://monosnap.com/file/Z4HLBpUthstTnManXvvww1on8yBSCu.

Unfortunately, since this option comes directly from the WPBakery plugin, we cannot fully resolve it on our end. To fix the issue without major restructuring of the slider, we recommend not using WPBakery’s Row Stretch and instead using the option provided by our theme, which doesn’t rely on JavaScript and is called Row Stretch CSS:

1. Open each individual slider slide step by step. Access the row settings.

2. Disable the Row Stretch option by switching it to Default.

3. Enable the Row Stretch CSS option by switching it to Stretch row as shown in the screenshot: https://monosnap.com/file/1XyZbZgEr4WExdAGiAkvYd7ihf1d79.

Regards,

[Author]

Posts