prevent horizontal scrollbar showing css code example

Example 1: DISABLE the Horizontal Scroll

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

Example 2: how to diagnose horizontal scroll that will not go away on mobile site

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

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />

Example 3: how to stop a page from scrolling horizontally

overflow-x: hidden