DISABLE the Horizontal Scroll [closed]

Answer 1

I know it's too late, but there is an approach in javascript that can help you detect witch html element is causing the horizontal overflow -> scrollbar to appear

Here is a link to the post on CSS Tricks

var docWidth = document.documentElement.offsetWidth;
[].forEach.call(
  document.querySelectorAll('*'),
  function(el) {
    if (el.offsetWidth > docWidth) {
      console.log(el);
    }
  }
);

it Might return something like this:

...

then you just remove the extra width from the div or set it's max-width:100%

Hope this helps!

It fixed the problem for me :]