Jump to content

Book Now button doesn't work on mobile device

Recommended Posts

For website: 


When I try to add the "Book Now" block it works on the editor app. But when I go on my phone to try to click on the "Book Now" on my iphone via Chrome and Safari, it doesn't click. I can see the link is there, however it  isn't working consistently. Any tips? Below is my CSS injection


@media only screen and (max-width: 767px) {
  .header .header-actions,
  .header .header-actions-action--social,
  .header .header-actions-action--cta {
    display: block;

  .header-actions.header-actions--right {
    position: absolute;
    width: 0%;

  .icon.icon--fill {
    display: none;

@media screen and (max-width:50px) {
    a.btn {
        padding: 10px 20px !important;

Edited by turkeydinde
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.