Scrolling down (to reload page) very buggy on mobile -- video included

Design help General
1

Hi all,
I’ve just started building a site off of the Metric template in Webflow.

I noticed on my phone (iPhone 12 Max) when I try to scroll down to reload the page, the images flash and it does not reload – its very glitchy.

I’ve tried adjusting some of the various settings and cannot figure what’s going on.

Here’s a video that shows what I’m seeing.

https://preview.webflow.com/preview/growjones?utm_medium=preview_link&utm_source=designer&utm_content=growjones&preview=c9e10e12a9e8402220087591108d6de1&mode=preview

https://growjones.webflow.io/

Here is my site Read-Only: https://preview.webflow.com/preview/growjones?utm_medium=preview_link&utm_source=designer&utm_content=growjones&preview=c9e10e12a9e8402220087591108d6de1&mode=preview

2

It would help a lot if you share the link to your live site.
What I can say so far is there might be a problem with your header which is set to position fixed and your first section which has a margin which equals the height of the header.

Wrap your header into a div with a relative position and get rid of the margin of your first section and try if it works. But first give that section a position of relative, too. Since it has no position at all atm.

1 Like
3

Thanks Marius, I added the links to the bottom of my post just now and I have tried your instructions (if I understood them right) and it’s still acting buggy.

4

I don’t know what the actual issue is. But what I can assure you, your CSS is the problem.
At first, try to give all main sections a position of relative. This might occur this glitch, but other factors are also possible.

1 Like
5

Thanks Marius, I appreciate your lending a hand here. I changed all the sections to Relative but the problem persists.