Background Image cutoff on mobile

Design help General
1

Hi guys,

I have this issue on my mobile where the site homepage loads fine, and looks fine without scrolling however when you scroll down the background image doesnt go with it, and just appears white.

I checked this on another browser (brave) and the problem persists.

Any idea what this might be?

Thanks in advance.

edit: the BG image looks fine in the webflow mobile preview window

https://preview.webflow.com/preview/haydenmartisstudio?utm_medium=preview_link&utm_source=dashboard&utm_content=haydenmartisstudio&preview=177b7624fd6d0325744ed7d959af5457&mode=preview

PNG
PNG750×1334 162 KB
PNG
PNG750×1334 134 KB

02
021226×1716 204 KB

2

Try giving the background image to the section and not to the body.
Also give the section a hight of 100VH.

i hope this will help

3

Thanks for the reply. That got me a little less white space, but problem still persists…

PNG
PNG750×1334 165 KB

4

Try setting the section to MIN hight 100VH. And the background image to Cover Center and Fixed.
Also, if you can share the published site so I can check it on my phone.

5

hmmm

sadly no joy there either

6

Hey, the published site is: https://www.haydenmartis.com/

Does it show on your phone?

Cheers