【Slim2】I can’t crawl on iPad / iPhone

Website Templates
1

Nice to meet you
I bought “slim2”.
There is a problem that the first view cannot be crawled on the iPad / iPhone.
You can see below with the menu button.
How can I solve it?
The solution to a similar question about “Slim” that was already asked did not help.
I am Japanese. I translated it into English by Google Translate.
I’m sorry for the poor grammar.

2

I’m the poster.
Works on ipad pro, ipad mini and other tablets,
I will confirm a little more.
We apologize for any inconvenience caused.

3

Hi Philip

Sorry, but can you please clarify what do you mean by " cannot be crawled " ?

4

Thank you colorlibsupport.
“cannot be crawled” meant that you couldn’t “swipe” from the top page.
Some devices can be swiped and some cannot.
I will check the operation a little more.

5

Hi

Ok, just tried this on my side and it worked normally for me…?

6

Hi i am having the same problem on iPhone and mobile devices. (iPhone 12). Could you please help?

7

Hi @yagiz

Can you please provide the live URL of the page with the problem?

Regards

8

Hi,
Thanks for support.
https://lifes.fit

You will see that swipe does not work. You have to press menu buttons to navigate :frowning:

9

Hi

Which model of iPhone is it not working? or, how do I replicate your probelm?
I just tried it on my side and it worked with no problem for me

Regards

10

Hi,

İt is iphone12. Also on my friends Android the down swipe is not working. You can swipe left or right, it is working, but you cannot swipe downwards to other parts of page. That is really a problem for us.

thanks

11

Here i also attached a screen record video that you cannot swipe down of the page.

12

Hi there

Ok, I see, please use this css code to fix it:

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: all;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

Regards

13

Hi there,

This does not help out :((

Regards

14

Hi

Ok, try this instead:

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: initial;
    touch-action: initial;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
15

Hello,

I am having exactly this same problem with the owl-carousel in the “Consolution” template. The suggestion above does not work on my iPhone SE. Here is a link to my site so you can see the problem:

https://www.strallc.com

If you look at the image in a PC browser, there is a vertical scrollbar present. When you mouse-scroll in the image, the vertical scrollbar moves to the limit of its travel, and then these mouse scroll events are passed to the browser and the entire page then scrolls. I feel this is proper operation.

On the iPhone, I think the touch-action events are being captured by the image, but these are not passed to the enclosing scope and thus it is not possible to scroll out of the image unless you can touch the space above or below the image. I think some code needs to be added to the owl-carousel to pass these events to the enclosing scope. I can add this code and test it but I am not sure how to write it.

Thank you,

Glen

16

Hi Glen

Sorry, but your website is not loading at all, and I cant debug it further

Regards

17

Interesting. Please clear your cache and try again?

18

Hi @glenhansen

I can’t recognize this template, please provide a link to our demo and I will check it

Regards

19
20

Ok, Glen, thanks

I see the problem, so, you cant scroll down by the finger or mouse click right?

Have you tried this code? I cant see it

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: initial;
    touch-action: initial;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

Regards