Mobile Overflow Issue

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?

@media screen and (max-width:767px) {
html, body {
    overflow-x: hidden;
}
}

49 minutes ago, tuanphan said:

@media screen and (max-width:767px) {
html, body {
    overflow-x: hidden;
}
}

 

great, thank you!