joshroos Posted February 18, 2021 Share Posted February 18, 2021 Site URL: https://www.roosbrothers.com/ Hi, I'm having an issue with Mobile Overflow on my site home page here: https://www.roosbrothers.com/ When viewing the homepage on mobile it can scroll both vertical and horizontally off to the side. I tried adding the code below, but it causes an issue with my project background hovers that replace my background video -- when hovering over my project links the background video can be seen underneath at the bottom of the screen. html, body { overflow-x: hidden; } Is there a way to only apply the overflow setting strictly to mobile viewing? Link to comment
tuanphan Posted February 19, 2021 Share Posted February 19, 2021 @media screen and (max-width:767px) { html, body { overflow-x: hidden; } } joshroos 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
joshroos Posted February 19, 2021 Author Share Posted February 19, 2021 49 minutes ago, tuanphan said: @media screen and (max-width:767px) { html, body { overflow-x: hidden; } } great, thank you! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment