Der horizontale Scrollbalken fällt einem meist erst in einem mobilem Gerät auf. Entfernen lässt sich dieser mit folgender CSS-Regel:

body {
    overflow-x: hidden;
}

Grund für einen horizontalen Scrollbalken im Browser ist jedoch, dass ein Element innerhalb eines anderen Elementes zu groß angelegt wurde.

Wenn das störende Element nicht auf den ersten Blick sichtbar ist, können alle Elemente im Browser mit einem Rand (engl. border) markiert werden:

* {
    border: 1px solid red !important;
    background: transparent !important;
}

Eingeben lässt sich der vorübergehende CSS-Befehl z.B. im Customizer oder in den Entwickler-Tools im Browser:

Die Elemente deren Ränder über den gewünschten Bereich angezeigt werden, können anschließend in der Größe angepasst werden:

Häufig reicht schon das Austauschen der Eigenschaft width in max-width, damit der unerwünschte horizontale Scrollbalken verschwindet.