This community seems to be so nice and helpful, I hope there is someone who can help me with a problem, that I have. I am a bit frustrated and can not find a solution or even an explanation for my strange problem. I am new to webflow and currently setting up my own website.
CMS and a collection list is used to show some projects on my page „Motion & CGI“. Everything works fine on a computer, even in responsive mode, but when I watch my website on an iPhone it gets messed up. The following happens: When I first load the page in mobile portrait everything seems to be fine, but only sometimes. When I switch to my page „About“ and then back to „Motion & CGI“ via my menu, it often gets messed up. When I leave the browser and then open it again it always gets completely messed up and always in a different way, there is no pattern how it appears. Same happens when I load the page, go to mobile landscape and then back again to portrait. I tested it with two iPhone 7 and two iPhone Xs, everytime the same issue. On an Android phone it seems to be fine, but I could only test it on one, a Huawai Nova.
Here are two screenshots, which show the issue. Like I said, it is different every time:
Do I something wrong, or is it a bug? I just want the projects to be under each one in a single row in mobile. So the standard setting when selecting two columns within the Collection List.
And I guess the following question is a wrong setting of mine, but I also want to stretch the projects to 100% width in mobile landscape mode. Currently it does not, only if I load the page in landscape first. How do I achieve this?
Thank you for your help in advance!
Here is my site Read-Only: https://preview.webflow.com/preview/portfolio-8610ed?utm_source=portfolio-8610ed&preview=82f23281898547ae913960c7c271b288
Here is my Published Site: https://portfolio-8610ed.webflow.io