Mobile touch

Resolved playdiune
(@playdiune)

5 years, 4 months ago

When I am viewing the caroussel on a mobile phone, I cannot slide the site up or down if I press on the carousel.

This is bad if the carousel occupies a significant part of the screen, because you cannot get out of there.

Thanks

The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

Plugin Author thehowarde
(@thehowarde)

5 years, 4 months ago

This concern is more to do with Owl Carousel as a whole, rather than the functionality of my plugin, which uses the Owl Carousel jQuery plugin. https://owlcarousel2.github.io/OwlCarousel2/
Thread Starter playdiune
(@playdiune)

5 years, 4 months ago
Hello @thehowarde

I visited the Owl Carousel jQuery website and tested all the demos that the website has available. In all demos I can press my finger on the carousel and slide the site up and down (on mobile).

About your plugin Issue:
– touch and drag works horizontally for the carousel, but not for the page, even if we drag up and down. This is very limiting on mobile as users cant scroll the page at all if the carousel takes the full screen!

Is there something we can do to allow the website to slide up and down through the slides created by your plugin?

Thanks for your great plugin.
- This reply was modified 5 years, 4 months ago by playdiune.
Plugin Author thehowarde
(@thehowarde)

5 years, 4 months ago

Where specifically is your carousel?

Thread Starter playdiune
(@playdiune)

5 years, 4 months ago

Hello @thehowarde

This is the website http://cliente.euromillionsplay.com/

The carousel is under the starting slider

Thanks

Plugin Author thehowarde
(@thehowarde)

5 years, 4 months ago

I’ll take a look.
Thread Starter playdiune
(@playdiune)

5 years, 4 months ago
@thehowarde

i found this solution for a similar plugin with the same problem:
```
.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto;
        touch-action: auto;
}
```
Can it be used for your plugin ?
Plugin Author thehowarde
(@thehowarde)

5 years, 4 months ago

You could add that css to your wordpress customizer or to your theme’s css file and try it. I don’t have time to mess with this right now. Currently the touch swipe is active, so that you can swipe the carousel with your finger from side to side.

Thread Starter playdiune
(@playdiune)

5 years, 4 months ago

@thehowarde

This CSS doesnt work with your plugin.
Thread Starter playdiune
(@playdiune)

5 years, 4 months ago
@thehowarde

Got the solution for my case:
```
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y !important;
    touch-action: pan-y !important;
}
```
Now, it is working and i can scrool up and down, on mobile 🙂

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Mobile touch’ is closed to new replies.