Layout shift with responsive images in Gutenberg Slider block

Hi,

I’m using the Gutenberg Slider block with two Image elements per slide – one hidden on mobile, one hidden on desktop/tablet – to display different banner images per breakpoint.
The issue is that during slide transitions, the slider height briefly accounts for both images, causing content below to shift momentarily before correcting.

Is there a recommended approach for responsive images in the Gutenberg Slider block that avoids this?

Thanks

Hello,

Please provide us with your admin access so we can log in and check how the slider currently works and suggest a solution.

Thank you in advance.

Hello Artem and thank you for your help.

While testing to provide more details the issue fixed itself somehow.. Im really not sure why and what happened, but as long as its working Im good.

thank you again for your assistance.

Great, we are glad that you sorted it out. Feel free to contact us if you have any further questions.

[Author]

Posts