[Travis CParticipant]

I’m having an issue with the links not working on my revolution slider on mobile. iOS specifically. Has anyone came across this issue?

[RadModerator]

Hi Travis,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[gstertzParticipant]

I’m having the same issue on a staging site I’m working on: http://thefroyohouse.easedesignmarketing.com/. On the second slide of the home page, nearly all of the menu images that I have linked are not responding to touch (or even a click in the mobile view of Chrome’s browser).

Any help would be great!

[Rue NelModerator]

Hello There,

Please follow this guide how to yyperlink a slide or layer to another page in your site, an external website, or link to another slide within the slider, http://www.themepunch.com/faq/how-to-hyperlink-slides-and-layers/

You can also visit http://revolution.themepunch.com/documentation/#layer-links for more details.

Hope this helps. Kindly let us know.

[gstertzParticipant]

Thanks for the links. I was not able to find what I needed there. I think I have added the links correctly.

I did, however, discover something and I would mind your feed back. In order to get the images to display properly on mobile, I added CSS to position the images. When I remove the CSS, the linked images work just fine. It just doesn’t look right. Would there be a reason why the link would not follow the image with theses changes? I will paste below what I added. Is there something else I should have done? (also, it is only an issue with certain of the images.

http://thefroyohouse.easedesignmarketing.com/

@media (max-width: 470px) {
body {
margin-top: -350px;
}
.rev_slider img {
margin-top: 220px;
}}

@media (min-width: 471px) and (max-width: 575px) {
body {
margin-top: -250px;
}
.rev_slider img {
margin-top: 180px;
}}

@media (min-width: 576px) and (max-width: 700px) {
body {
margin-top: -200px;
}
.rev_slider img {
margin-top: 130px;
}}

@media (min-width: 701px) and (max-width: 800px) {
body {
margin-top: -150px;
}
.rev_slider img {
margin-top: 90px;
}}

@media (min-width: 801px) and (max-width: 910px) {
body {
margin-top: -100px;
}
.rev_slider img {
margin-top: 50px;
}}

[gstertzParticipant]

OK. Figured it out. I changed the order of the the image layers int Revolution Slider slide.

This may not work for everyone depending on what order their layers need to be in and I may not be saying this right, but the higher the layer number (i.e. the z-index column on your Rev Slide layers), the higher priority it seems to have as far as ability to be accessed via click.

Anyway, I hope this is helpful to ya’ll!

[ChristianModerator]

Glad you’ve sorted it out. 🙂

[fzpassociatesParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi Fred,

Kindly create a new topic then provide us with your wordpress admin login on a separate private reply so we can take a closer look.

Thanks

[Author]

Posts