Canvas 7 Swiper Mobile Shakes

1 reply · opened Feb 26, 2024

AallcenturyFeb 26, 2024

On your demo site (and my site), the #section-services on sass-2 makes the content below it shake/bounce up and down as the section loops. While the images appear the same size and the content even has the same row count, it still bounces making the content below it very hard to read.

I've turned it off by removing the autoplay section in the swiper config but I don't think the screen should bounce on mobile, it makes the content too hard to read.

SSemicolon WebSTAFFFeb 29, 2024

Hello,

Apologies for the Inconveniences caused due to this. Unfortunately, this is currently unavoidable due to the Animation used. However, you can turn this off on Mobile Devices using the following CSS Code:
[ch_pre type="css"].device-down-md .swiper-tab-link .swiper-tab-content {
transition-duration: 0s;
}[/ch_pre]

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard