CODEWITHSUNDEEP
javascripthtmlios
StackAle
StackAle

Reputation: 37

Fix specific links in website not working on iphone only

I'm creating a website from this template and I've downloaded the template and uploaded it without modifications here.

I have this problem (confirmed by a ticket on templatemonster): on Iphone only (seems like both on safari and chrome), i cannot click on some links (e.g. "view charateristics" on the 4 boats images under "YACHTS FOR SALE".

I tried editing it:

  1. adding a big z-index on the tags
  2. creating a custom section with bootstrap and custom link
  3. using <span> tags with onclick="window.location.href='test.php'"
  4. using a <form> and a <button>

It really seems that the browser does not "catch" the click on the element.

But still, none of them work.

Unluckily, i cannot test on a real phone, but this simulator https://appetize.io/ seems to work pretty well. I did confirm that the problem is also on real devices, thanks to a customer.

I would like to know if anybody knows to fix this issue, without making the template look much different, thanks

EDIT

Here's the page where i'm trying to fix the bug. As you can see the <ontouchstart> is also not working.

I don't know if it would help, but you can also see that the carousel is not working on iphone (not a problem itself, i'm going to hide it).

Upvotes: 1

Views: 573

Answers (1)

Greedo
Greedo

Reputation: 3549

It's a known Safari Mobile bug, you should add the ontouchstart event handler

More infos here

Upvotes: 1

Related Questions