remove horizontal scroll on mobile - weird scroll glitch

Hello! I've tried using this code below to remove the horizontal scroll on mobile and for some reason it's no longer working in the site. I've also tried "overflow-x: clip !important;" and that also doesn't work. Any help would be appreciated!

Site: https://drjessicastern.squarespace.com/

pass: testing

html, body {
	overflow-x:hidden;
}

14 hours ago, kellyetz said:

Hello! I've tried using this code below to remove the horizontal scroll on mobile and for some reason it's no longer working in the site. I've also tried "overflow-x: clip !important;" and that also doesn't work. Any help would be appreciated!

Site: https://drjessicastern.squarespace.com/

pass: testing

 

html, body {
	overflow-x:hidden;
}

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

body{
    overflow-x: hidden !important;
}

Hi! I've added this code, but I'm still seeing a lot of overflow on mobile specifically. 

Here's the site: https://www.drjessicabstern.com/

And attaching a screenshot of the overflow I get on mobile! 

On 3/10/2024 at 3:43 AM, kellyetz said:

Hi! I've added this code, but I'm still seeing a lot of overflow on mobile specifically. 

Here's the site: https://www.drjessicabstern.com/

And attaching a screenshot of the overflow I get on mobile! 

Try this new CSS code

body, html, #page, article, section {
    overflow-x: hidden;
}

Thanks @tuanphan! I figured out it was because of a psuedo element I had, when I contained that width, it fixed the error!