Carousel and breakpoint
Posted: Wed Jan 20, 2021 8:08 pm
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
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