Jump to content

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

Go to solution Solved by Ziggy,

Recommended Posts

Hello, 

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?

Thanks 

Lorna 

Buttons.png

Link to comment

How do you have it set up?

Can you share your website URL?

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

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: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

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 the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.