How to remove unwanted side scrolling on mobile version?

Question

css

https://creativecases.kz/cs/ - if you access this site from a mobile phone (I have Samsa A3 2017), then when I click on the "Categories" button, a side menu appears smoothly. Everything works as it should. But if I accidentally make a swift on the wheelbarrow to the left, then the entire body of the page will be swift to the left. I added overflox-x: hidden to the body but it still doesn't work, because it just hides the scroll. When viewed on a computer, everything works well. But when it comes to touch screens, everything is as described above. Maybe I forgot to specify something in the meta data or write it in the styles?

Answer 1

overflox-x: hidden
for html set

Answer 2

html, body { overflow-x: hidden; }
Or just for mobile

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