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?
Question
joshroos 3
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 post
Top Posters For This Question
2
1
Popular Days
Feb 19
2
Feb 18
1
Top Posters For This Question
joshroos 2 posts
tuanphan 1 post
Popular Days
Feb 19 2021
2 posts
Feb 18 2021
1 post
Popular Posts
tuanphan
@media screen and (max-width:767px) { html, body { overflow-x: hidden; } }
2 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment