Mobile–Has horizontal scrolling, how to remove

[eazylearn]

Hi. On my iphone, the website shows a long horizontal scrolling bar. How do we remove this?

Thanks!

---

Template Version: App Landing

[Support]

Hello, a few thing to try:

– Change the viewport to:

FROM:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">

To:

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

Also this css:

(css/custom.css)

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

You can also try to remove some elements from the HTML just for test purpose to make sure which is causing the scroll.

Best Regards.

---

[Author]

Posts