CMS Slider with CMS graident lag on mobile

Hi Team,

I hope everyone is having a fabulous week. I’m encountering a small issue and was wondering if anyone might know how to fix it. I have a CMS slider that includes a CMS-driven gradient overlay on each slide, with the gradient displaying a different color for each slide.

The slider works well on desktop; however, when viewed on mobile, there’s a slight delay in loading the gradient when the slider auto-plays.

Does anyone know how to resolve this issue on the mobile version?

You can see the link here:

Here is the code I’m using for the CMS gradient:

<div class="bg-colour-projects" style="background-image: linear-gradient(90deg, **inserted colour swatch from CMS** 0%, rgba(0,0,0,0) 100%);"></div>

Hey @marko, I am afraid there is not much we can do other than optimize what we have on the page as we can not interact with CMS Slider via the API yet.

Thanks @Support-Luis, no worries! Thank you for taking a look.

I would love to give back to this community, is okay for me to respond to other threads if I can help?

Sure! I would love to see you solving issues here :tada: :muscle:

1 Like