Buttons on Mobile not working

studiojcreative
Offline
Last seen: 1 year 3 months ago
Wed, 03/02/2016 - 21:22
#1
Buttons on Mobile not working

Hi, we are about to launch our new website using your Caruso template and then we noticed two things are not working on mobile, which we hope you can help with.

1. The big yellow button to the right of the top menu that says "Contact Us" on this page: http://198.20.75.5/~oasisdayspa/index.php works fine all desktop, but not on smart phones. Not sure why, is the mobile menu somehow blocking it? Please advise.

2. The little "view all" buttons inside the services slider at the bottom (right above the footer) that pop up when you hover over the images on the same page: http://198.20.75.5/~oasisdayspa/index.php work great on desktop, but do not respond when clicked on mobile. Very strange, please advise.

That is it, otherwise I love the template and the client is super happy. We do need the contact button at the top to work the most if you can't figure out the other ones.

cindy
cindy's picture
Offline
Last seen: 1 day 4 hours ago
Thu, 03/03/2016 - 10:15

Hi,

Thank you very much for purchasing our template. Regarding your problems:

1. "Contact us" button:

We check your code (file index.php) and see:

<a href="book_now.php"> 
<div class="book-now-wrap">
<div class="toggle-book">
<span class="text-uppercase txt-book">CONTACT US</span>
<span class="fa fa-pencil-square-o"></span>
</div>
</div>
</a>

Please change to:

<a href="book_now.php" class="book-now-wrap">
<div class="toggle-book">
<span class="text-uppercase txt-book">CONTACT US</span>
<span class="fa fa-pencil-square-o"></span>
</div>
</a>

2. "view all" button:

We are checking and will reply you asap!

Many thanks,

cindy
cindy's picture
Offline
Last seen: 1 day 4 hours ago
Thu, 03/03/2016 - 10:52

Hi again,

About "view all" button: we offer you 2 solutions:

Please open file index.php and search all lines:

<a href="#" class="overlay"><span class="fa fa-search"></span></a>

1. Remove all those lines (to hover over the service image and click on "view all" button on mobile)
2. Replace href="#" with the link of view all button (just click on service image instead of the button and it will redirect to the link)

Log in or register to post comments