Jump to content

Responsive Iframe for mobile to eliminate scroll bar

Recommended Posts

  • Replies 2
  • Views 369
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

22 hours ago, gibgib said:

Site URL: https://www.bouldersgym.com/signinwaiver

Hi, 

We use a POS system that integrates into our site using an Iframe. Unfortunately the iframe works well on the desktop version but on mobile fails to be properly responsive. Any tips?

I check that it is fine. Have you figured it out?

image.png.454c3943c20a4dd899299cec0d6bac4b.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 2 months later...
On 7/26/2022 at 11:06 AM, bangank36 said:

I check that it is fine. Have you figured it out?

image.png.454c3943c20a4dd899299cec0d6bac4b.png

Hi @bangank36,

I was able to get it to function better than it originally was, but I was wondering if there is a way to make the iframe full sized so that it does not need it's internal scroll bar, no matter what device it is on? Right now there is a scroll bar within the iframe and on the squarespace page as well which feels clunky to me, especially on mobile. I've tried a few different strategies from different forums but can't get any of the to work quite right.

Thanks!

Edited by gibgib
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.