Disable horizontal scrolling on mobile does not work

Question

I am still new to programming, but I want to know how to disable horizontal scrolling on mobile devices. As you can see on my web page , the image above is larger than the width of the device. I tried almost everything I could find on this forum, but nothing helped.

I put it <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1">in my head

I tried body{overflow-x:hidden}in various combinations, but nothing worked: /

Answer 1

Your site runs on mobile Firefox and Chrome, but not on a standard Android browser. Perhaps this browser is required user-scalable=no.

.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no">

:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">