How do i stop my website being scrollable to the right on mobile version?

Solved
Highlighted
Excursionist
26 1 7

Hello,

When visitors are on my website on their mobiles, its doesn't stick, they are able to scroll to the right (there is nothing there). How do I get it so its just the size of their mobile screen?

 

website: www.pastenailsupplies.com

 

Thank you

0 Likes
Highlighted
Astronaut
1084 178 213

This is an accepted solution.

Hello,

Try this:

1. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
2. paste this code right above the </body> tag:

<style>
@media (max-width: 767px){
body,html{
overflow-x: hidden !important;
}
}
</style>


Let me know if it works.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Excursionist
26 1 7

Thank you that worked!

0 Likes