Hi! Been a WebFlow user for years and it has been GREAT for me! Recently did a redesign of my sales page, named “Become A Member 1” and having one small issue with it!
I have a Button at the top, that when clicked should auto scroll to a certain section around 3/4ths down the page. On Desktop it does great, but on Mobile it stops just short.
Any advice or suggestions on why this might be? Thank you so much for any insight anyone might be able to offer!
Here is my public share link: [LINK]1
(how to access public share link)
Hi @Kenny_Cox
Seems to be working normally when I inspect it. Maybe the spacing seems odd on mobile because you have set the padding to zero on mobile?
Can you attach a screenshot of where it scrolls to for you, and draw a line on it where you want it to scroll to instead?
Thank you a ton for the response!
So it’s odd, it seems to only be doing it on my actual mobile device? Inside of WebFlow it seems fine, along with being fine on Desktop set to mobile view. Only issue seems to come literally from my phone, when I first enter the page and click the top “Start Winning” button.
@Kenny_Cox Ah okay, can you send me the published site please? I think I’ve an idea of what the issue is.
Yes I can! It’s Civil.GG/become-a-member
Thank you again for taking the time to help, ridiculously appreciated.
@Kenny_Cox No problem!
What I believe is causing the problem is the loading of images as the page scrolls down, I had a similar issue before. At the moment all, your images/gifs are set to lazy loading, meaning they only load once they enter the viewport. This saves page load time but can cause an issue with the auto scroll.
You will need to set every image/gif from the top of that page all the way down to the pricing section to ‘eager’ loading (might take a while, there’s a lot of them). I’ve attached a screenshot of where you can change that setting on an image/gif.
In order to preserve some page load time, you should compress any PNGs to WebPs. This can be done pretty easily in the Assets panel - select multiple PNGs and then just hit compress up at the top.
Let me know how this works out!
@Kenny_Cox Sorry forgot to attach the screenshot
That worked! Thank you so much!
1 Like
@Kenny_Cox No problem! Could you mark this issue as solved please? :)
