Jump to content

Responsive Iframe for mobile to eliminate scroll bar

Recommended Posts

  • Replies 2
  • 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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, 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.