Can't scroll down the page while using Typeform on iphones | Community
Skip to main content
Answered

Can't scroll down the page while using Typeform on iphones

  • February 20, 2023
  • 9 replies
  • 560 views

 Hi - urgently need help to why this is happening. I’ve tested on four iPhones and the page doesn’t allow you to scroll down at all. It stands still. You can’t scroll down to click a button. It’s only on iPhone browsers and NOT on android devices.

.

Best answer by jvh

I can see that the embedded typeform has a style saying `position: absolute;` which is why your footer is below the form and the mailing list block is above the typeform. If you remove that style, that should fix it. Can you try that and see if you’re happy with how it looks?

View original

9 replies

  • Author
  • Explorer
  • 4 replies
  • February 20, 2023

FOLLOW-UP: the page seems to be scrolling again HOWEVER there is now a pop-up from our mailing list popping-up over our form. The problem isn’t occurring anywhere else except on our typeform page.

Also - how do you change the layout of a typeform on a phone browser? The gap between the text and button doesn’t look right. Thanks in advance for the help! :)

 


jvh
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 84 replies
  • February 20, 2023

Hi @Miinella - can you try moving down the page by scrolling on the side of the typeform? I think iPhones can have issues sometimes with scrolling when there’s an iFrame embedded. I would recommend making your embedded typeform a bit narrower to allow for room to scroll up/down the page.

Let me know if that helps

Thanks

Joyce


  • Author
  • Explorer
  • 4 replies
  • February 20, 2023

Thank you so much Joyce!

It’s scrolling now at the moment. But for some odd reason our mailing list block is interfering with our typeform page.

It doesn’t error on any other page on our website. Do you perhaps know why that would be? We’ve been using typeform for a while and it’s never happened before, and no settings were changed from our side. I’ve attached a photo as reference: 

 


jvh
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 84 replies
  • Answer
  • February 20, 2023

I can see that the embedded typeform has a style saying `position: absolute;` which is why your footer is below the form and the mailing list block is above the typeform. If you remove that style, that should fix it. Can you try that and see if you’re happy with how it looks?


  • Author
  • Explorer
  • 4 replies
  • February 20, 2023

Thank you so much! Is that something I change on Typeform settings or on the page it is embedded on? We use Gempages integrated with Shopify to embed our Typeform.


jvh
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 84 replies
  • February 20, 2023

I think it’s something on the page it’s embedded on. I’m not familiar with Gempages but if you share a screenshot of how it’s set up on Gempages/Shopify then I might be able to help point you in the right direction 🙂


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14840 replies
  • February 28, 2023

Hi @Miinella Were you able to solve the issue? Let us know if you still need help!


  • Navigating the Land
  • 3 replies
  • May 16, 2024

I’m also having the issue where the embedded Typeform code is freezing the scrolling on Squarespace desktop version and the mobile version of the site 

 

https://www.studioimanidesigns.com/contact-us


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14840 replies
  • May 17, 2024

Hi @imanihicks18 Thanks for stopping by the community! I took a look at the website, and I believe this is because of the required questions. This is expected behavior, as the form won’t scroll past those questions until the respondent has provided an answer.