Page 1 of 1

Carousel and breakpoint

Posted: Wed Jan 20, 2021 8:08 pm
by cmsintent
Hi Pablo - can't figure this out - I have done this a few times on other projects before and have not experienced this issue.

I am using LayoutGrids - page set to 970px with 1 breakpoint at 768px

On this project I have a carousel (5 slides) ... each slide has a few animated objects (18 objects in total) and the carousel cycles correctly. The carousel is set to FULL WIDTH AND FLOATING.

In the 768px breakpoint the carousel is set to HIDE and I have a slide show that is set to VISIBLE. I am using a slide show with images representing the 5 slides, as I don't require the animations on mobile devices.

Here is the issue:

In the 18 carousel objects I have 2 that show in the 768px breakpoint... they fire and "flash" across the top of the page where the Responsive MENU is located

Carousel slides and objects in issue:
SLIDE 3 - "s3-performance" object (set to show on SLIDE 3 and hide on SLIDE 4)
SLIDE 4 - "s4-text3" object (set to show on SLIDE 4 hide on SLIDE 5)

Here is a demo of so you can see real world
www.fuelautomotive.com/demo/

It is probably something simple that I am just missing...

Comments?

And if you like you can download the project here (only assets are MENU, LOGO, CAROUSEL and SLIDE SHOW)
www.fuelautomotive.com/demo/Fuel-Automo ... 1-demo.zip

Re: Carousel and breakpoint

Posted: Wed Jan 20, 2021 9:57 pm
by Pablo
It looks ok for me.
What do I need to to do to see the problem?

Re: Carousel and breakpoint

Posted: Wed Jan 20, 2021 11:09 pm
by cmsintent
Hi Pablo ... Here is a video of what I am seeing plus a couple of screen grabs at the 10 second and 26 second mark of the video

The objects flash pretty quick.

www.fuelautomotive.com/animation-issue

I have also tested this on an iPod and an iPad ... same issue

Re: Carousel and breakpoint

Posted: Thu Jan 21, 2021 1:06 am
by crispy68
I can see what you are talking about and based on my test it has something to do with the 'explode' effect. If you remove this from 's3-performance' and replace it with another effect, it works. Not sure why that particular effect is doing what it does.

Re: Carousel and breakpoint

Posted: Thu Jan 21, 2021 3:08 am
by cmsintent
Good evening crispy68

YEPPER... that fixed the issue ... it was the "explode" effect. Once I changed it, the issue went away!

Thank you so much ... I wouldn't have figured that out in million years!! Your skills and knowledge are very impressive ... and I really appreciate your input and help! THANK YOU!!