HELP: Text input boxes cause the website to scroll back to the top when browsing on IOS devices

Question:
Can someone please help me with this issues?
This is my website.
This is one of the problematic pages.
This problem is persistent across all text input boxes on my website.

Product:
Wix Studio

What is the problem:
When trying to input text into my website on the mobile version, specifically on IOS, the website scrolls straight back to the to of the pack

What have you already tried:
I’ve tried changing the responsive behaviour of the elements.
I’ve tried changing the docking margins.

First of all, it is an awesome website. I love the design and the SEO optimization is on the point!

The form is working fine on my mobile(Android). Although when I choose the input box it scrolls a bit to bring the form in the viewport of mobile but that’s normal.

You can try adding a Multi-Step Form instead of using a single page. Alternatively, you can use the CMS instead of Wix Forms to collect the user data, which will give you more design options and your form will act like a normal page scroll.

I can help with the CMS stuff if you need it, or you can follow this tutorial I made -

Hello @Benjamin_O_Connor , I have reviewed the issue you’ve mentioned and can definitely assist in resolving it. Please feel free to contact me at [sales@makkpress.com], I’ll be more than happy to help you.

Hi! Thanks for responding.

I’ve found that the problem is only occurring on IOS mobile devices and not on Android.
Furthermore, the problem is occurring with every text box across the entire site.

This includes checkout pages for ticket sales, which is something I can’t seem to edit or change the processes around.

In that case, you should contact wix support team from the dashboard. They can help you fix it.

For anyone looking at this.
I found the problem.
It was being caused by a custom font I had been using on the site.
Once i reset all the fonts back to Arial, things worked perfectly!

2 Likes