Background-size:Cover on Mobile

Design help Layout & Design
1

Hi everyone!
Im having an issue with Background-size:Cover on mobile devices. In the webflow debugging it looks fine, but on my mobile devices it looks like this:

tempFileForShare_20221109-215711
tempFileForShare_20221109-2157111079×1896 65.2 KB

I tried putting the image in a div and not in the body and some css I found on stackoverflow ( css - background-size: cover not working on iOS - Stack Overflow ) but nothing seems to work for me. Does anyone have a solution for this?

Thanks in advanced!

Here is my site Read-Only: Webflow - Copy of Handwerk Bartel - No Form

2

Make the div that will contain the whole page content and give it Overflow: hidden. And give it a background image cover instead of the body. It should work then.

3

It worked! Thank you very much!