Jump to content

How to make sure snippet code is mobile friendly

Recommended Posts

Site URL: https://www.theswoonspa.com/book-an-appointment

Hi there,

I use Timely scheduling for my business. I used the snippet code from Timely and inserted it into my online booking page, which worked perfectly fine, however I am realizing that it is showing up very large on mobile and, in order to schedule, my clients have to scroll left-to-right. Is there a way to make it so sized correctly for both desktop and mobile?

This is the snippet I am using:
<iframe src="//swoonaestheticspa1.gettimely.com/book/embed?" scrolling="no" id="timelyWidget" style="width:750px;height:600px;border:none"></iframe>

Attached are screenshots of what it looks like on desktop versus what it looks like on mobile. 1653845116_ScreenShot2021-04-16at9_58_29AM.thumb.png.27b1ae1620f1db91f3db751833096c84.png2020583497_ScreenShot2021-04-16at9_58_57AM.thumb.png.356e3f6809124b991b539ef05725afab.png

Link to comment
  • Replies 1
  • Views 404
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.