CODEWITHSUNDEEP
jqueryhtmlfullpage.js
AJ Naidas
AJ Naidas

Reputation: 1424

fullPage.js tap not working on mobile

Here is the link for testing:

When you click on the moon on the upper right ( about us ) or the arrows on each side of the screen, it slides to the next item. Works fine in desktop. But in mobile devices, tap doesn't seem to work.

Any workarounds for this? I don't have any options set for the plugin. Just a simple:

$(document).ready(function() { $.fn.fullpage(); });

TIA.

Upvotes: 0

Views: 791

Answers (2)

AJ Naidas
AJ Naidas

Reputation: 1424

I fixed the problem. You should never specify the width of the slide classed elements. It will cause problems in Mobile Browsers.

Thanks guys :)

Upvotes: 1

Moussawi7
Moussawi7

Reputation: 13267

that because the link is not occupying the whole image. so you have to outer the image with a div having the same width and height of image.

<a class="slide-link" href="#">
<div style="width: 86px; height: 86px;">
<img class="moon" src="assets/images/about-us-moon.png" alt="About Us - Moon">
</div></a>

Upvotes: 1

Related Questions