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; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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
Archived
This topic is now archived and is closed to further replies.