Touch screen scrolling not working on posts carousel ethos stack

Support
#1

Hi I am building a new site https://wareal.com.au/ and have setup the posts carousel and a slider above masthead. When i am using a touch screen (tablet or phone) and try to scroll down while having my finger on one of the posts it doesn’t seem to scroll down.

At the moment the post carousel on mobile takes up on almost 50% of the screen and if i try to scroll it doesn’t. It seems thats the end of the website content.

Is there a way to fix the scrolling down with touch screens on the post carousel?

#2

Hi there,

That is correct, The reason for the effect is that the scroll halts and turns into the horizontal one for the carousel itself to change the slides.

Unfortunately, that is how the carousel is set to be able to use in mobile view. If you touch and immediately scroll this is not happening, but if you touch and hold for a moment the scroll will lock on for the horizontal slide changing purpose.

If this is a very bad user experience for you I suggest that you avoid using the carousel on touch devices. To do so you need to add the code below to X > Launch > Options > CSS:

.touchevents .x-post-carousel {display: none;}

Hope it helps.

#3

How can i just disable it on mobile then? I don’t want to disable it on all touch screens

#4

Hi there,

You can change the code to:

@media (max-width: 648px) {
	.x-post-carousel {display: none;}
}

Thank you.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.