Revolution slider – link not working on Safari and Chrome mobile

[griboni]

Hi,
the Revolution Slider on our home page http://www.homimilano.com works pretty well, except for Chrome and Safari only on mobile and tablet devices.

The link above the sliding images doesn’t respond when I tap the image.

Do you have any suggestion or solution?

Thank you in advance
Gianluca

---

[Support]

Hello, the best way to add a link in a slide is this:

data-link="http://www.google.com"

Let me know if you need further assistance.

Kind Regards, Jonas

---

[griboni]

Hello, thanks for your reply.
I modified my li tag inserting data-link attribute and it works well but, I still have the same problem on mobile and tablet using Chrome and Safari.

Kind Regards

---

[Support]

This reply has been marked as private.

[griboni]

This reply has been marked as private.

[Support]

Hello, that’s really strange, it’s probably a conflict with another script, but please try to add the following code:

(js/custom.js)

$('#revolutionSlider').on('touchstart', '.tp-caption > a', function(){
    self.location = $(this).attr('href');
});

Regards,

Jonas

---

[griboni]

This reply has been marked as private.

[Support]

Hello, great you figured it out.

Regarding the arrows, it was actually changed in the revolution slider plugin, you may force the visibility of it via css, please add this:

(css/custom.css)

.tparrows {
	opacity: 1 !important;
	display: block !important;
}

Let me know if you need further assistance.

Kind Regards, Jonas

---

[griboni]

Hello, I appreciate your help, thank you!

It works now. However we have noticed that arrows are not displayed on Android browsers (in particular Dolphin, Samsung browser, HTC browser). Only arrows. Bullets work on every browser we have checked.

Any suggestions?

Thanks againg
Gianluca

---

[Support]

This reply has been marked as private.

[griboni]

This reply has been marked as private.

[Author]

Posts