Mobile and Featured Carousel

[eldon99]

We are having an issue with the Featured Products carousel and the mobile. On a number of phones we test it on, the carousel takes up so much room that if cannot swipe to scroll up or down. You have just a little room above or below to flick the screen. Not real feasible and intuitive in my book. I find the same issue on the Suivant demo page as well, so it's not just our site.

What script is used for the carousel and what can we do to get around this issue?

Thank you for your assistance.

Regards,

Eldon

[Matt Zimmermann]

Re: Mobile and Featured Carousel

Hi Eldon,

The carousels are controlled through a script called Slick. You can modify the behavior of the layout within the scripts.js file. Additionally, you could adjust the layout in the pages.css file to add more padding or margins for the mobile layout.

[thetopham]

Re: Mobile and Featured Carousel

I had the same problem, made this change and it lets you scroll up and down past the sliders

.slick-slider {
display: block;
overflow: hidden;
position: relative;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;