I’m trying to use 100 VW on the majority of this website, which is working fine on the Webflow previewer. When I host the website myself, I get the option to scroll horizontally as the website is pushing beyond the 100VW of my screen. I’m not sure why this is, and I don’t know how to remedy it without changing my VW to something like 99VW.
On the mobile version of the live site, there are two transparent sections that should be displaying a background image that is attached to the body of site. For some reason I am seeing these sections in white, whereas in the Webflow previewer they are being displayed as intended.
The first one is easy - do not use vw for the full-width elements. The reason? VW doesn’t take scroll into consideration while calculating width of the viewport. Use % instead.
The second one - no idea but can confirm that no background is visible on mobile (Chrome, Android).
Hi @jamestitchener, on the mobile version issue with the bg, android is rendering the bg as none, due to fact that on mobile portrait no bg has been set: