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!