Jump to content

Booking Button - Misshaped & squeezed - Can I rectify with CSS code?

Go to solution Solved by Ziggy,

Recommended Posts


Can someone please help with my booking button issue on mobile setting? - On mobile its completely mishappen/squeezed. Photo attached.

On desktop its fine. I've set the embed box across whole of page so plenty of room for code. The widget is Iframe. Additional code has been created for the colours. 

Can this be sorted with code at all?




Link to comment
  • Solution

The contents of an iFrame aren't controllable via your website CSS, but by the hosting website (in this case Simplybook). I don't know why the embed they have provided is so bad, but it will need fixing by them or mean you need to use something different that they provide.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 Did I help? Buy me a coffee?

Link to comment

I took a quick look at Simplybook and there seemed to be some indications that they have some ability to customize CSS using their system. Whether that is the case or not or if it would work for your issue I don't know. Contact the company or look around on their website.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

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.