On mobile, How to get rid of Horizontal scroll

My client's website is growthleadersgroup.com

There is a left/right shift on mobile where you can basically grab the screen and move it left or right and then it will spring back when released. a horizonal scroll?

I cannot figure this out!

add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.row.sqs-row {
    margin-left: 0;
    margin-right: 0;
}
}

thanks

On 11/17/2019 at 8:27 PM, kakers said:

Did that work for you? That did not work but when we added the code below it worked only it made a black box show up over our mobile navigation menu.

  html, body {overflow-x: hidden;}

@media screen and (max-width:640px) {
.row.sqs-row {
    margin-left: 0;
    margin-right: 0;
  }
}

On 11/17/2019 at 8:27 PM, kakers said:

 

My client's website is growthleadersgroup.com

There is a left/right shift on mobile where you can basically grab the screen and move it left or right and then it will spring back when released. a horizonal scroll?

I cannot figure this out!

 

Has any one found a solution to this please? @tuanphan I tried your code but it did not resolve. 

On 3/20/2021 at 5:25 PM, AkankshaK said:

Has any one found a solution to this please? @tuanphan I tried your code but it did not resolve. 

Can you share link to page where you have problem? We can help easier

On 3/20/2021 at 5:25 AM, AkankshaK said:

Has any one found a solution to this please? @tuanphan I tried your code but it did not resolve. 

This is what works for me.  

 

//stop horizontal overflow

body {
 overflow-x:hidden;
 overflow-y:visible;
}

@media screen and (max-width:640px) {
 .Site {
  overflow-x:hidden;
  overflow-y:visible;
 }

}

Hello, can someone help me with this please? On my desktop everything is fine. On mobile, it is not. Please help. 

powerhouseoutletmedia.com

PHOmedia

On 9/6/2021 at 8:30 AM, powerhouseoutletmedia said:

Hello, can someone help me with this please? On my desktop everything is fine. On mobile, it is not. Please help. 

powerhouseoutletmedia.com

PHOmedia

Try adding to Design > Custom CSS

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

Now I have a vertical scroll (on mobile) I need to get rid of. anyone?

this worked:

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

On 1/26/2022 at 12:41 PM, kakers said:

this worked:

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

This code will disable scroll on all pages on mobile, you should check again.

On 9/7/2021 at 8:56 AM, tuanphan said:

Try adding to Design > Custom CSS

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

 

This worked for me! 

LEGEND!!!!!

x

Does anyone know how to do this for just one page on mobile and not all?

On 2/11/2022 at 6:50 AM, sharine said:

Does anyone know how to do this for just one page on mobile and not all?

Add to Page Header

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

Thank you @tuanphan!

Hello, I am having this issue as well @tuanphan can you please advise? 

Site is not live yet 

On 3/9/2024 at 5:10 AM, BONICA said:

Hello, I am having this issue as well @tuanphan can you please advise? 

 

Site is not live yet 

You can use this code to Website > Website Tools > Custom CSS

.products.collection-content-wrapper .nested-category-children {
    overflow: hidden !important;
}

if it doesn't work, you can share site url, I can check easier

MY Website is having a horizontal scroll when it didn't before its Giuliani Construction & Restoration 

On 6/7/2024 at 11:11 PM, MATT123456789 said:

MY Website is having a horizontal scroll when it didn't before its Giuliani Construction & Restoration 

You can use this to Website Tools > Custom CSS.

html {
    overflow-x: hidden;
}