Website not displaying properly in Chrome app

Design help General
1

Hi all - I’ve just realized our website is not displaying properly in the Chrome app. The app displays the mobile version of our site, but not at full width. I’ve included images below:

IMG_7120.PNG
IMG_7120.PNG1170×2532 92.6 KB

IMG_7119
IMG_71191170×2532 181 KB

Has anyone had this experience? The mobile site displays properly in Safari and the Google app - only an issue in Chrome!

Thanks in advance for your help!

Here is my site Read-Only:

https://preview.webflow.com/preview/factored-quality-wf?utm_medium=preview_link&utm_source=designer&utm_content=factored-quality-wf&preview=f868ae4744e17581ec9e23d81236988c&workflow=preview

2

Because your Swiper (carousel) block goes beyond the browser width to have that loop. So it is best you apply overflow: hidden to it’s parent DIV or to the section.

Or apply Overflow: clip to the main block and you shouldn’t have any overflow issue.

3

Hi @abirana thanks for your input! I clipped the main block so there is no longer any overflow but the issue in Chrome persists. Do you have another idea what could cause this?

Thanks!

4

hi, did you find the fix? I have the same issue.

5

overflow: clip is the solution if your layout is going beyond the browser width. You should always apply this to any project.

You can apply it to your main div or apply overflow-x: clip to the body.