Button linking to section - initial load issue (Mobile)

I have a button on my page that links with a lower section. On desktop it works great, however on mobile when the page first loads and i click the button it only scrolls down to the point where the top of the section is visible and obviously falls short. If i scroll back up and click the button it then scrolls down properly to the point where its supposed to (to the top of the viewport).

I tried consulting ChatGPT for ‘advice’ and it hinted at how the page is loaded - if it doesn’t load until its scrolled down then this can happen.

Can anyone advise on how to fix this issue ?

Much appreciated!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

hi @ollien1818 thi is common issue when you have input in focus state.

Anyway, the best way to get help is to follow the forum post guide that is pinned on top of each section, if you have missed it here they are.

When posting please:

  • Required: Share your project’s Read-Only link and live site’s Published link
  • The read-only link is a special URL generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link?
  • The published link is the webflow.io subdomain where you can view the live site with custom code running. It is IMPORTANT to share this link, as custom code (eg. javaScript) does not run in the Designer.
  • Describe issue in detail including what page, section and/or element is localized
  • Upload as many screenshots as possible or provide screencast videos to help others help you faster
  • Add a description and/or post a link to a working example of what you’re trying to achieve
  • Reply to users by tagging using the @ sign followed by their forum username like this: @forumMemberName