Seitenbreite Elemente werden immer wieder eingesetzt, um auffällig die Seite zu unterbrechen/Highlights zu setzen. Diese führen aber fast immer zum unerwünschtem seitlichen (horizontalem) Scrollen. So wirkst Du diesem entgegen:
Einfach die folgende Zeile im Head-Bereich unterbringen und schon sollte auch auf dem iPad das seitliche Scrollen durch den Befehl overflow-x: hidden; beseitigt sein.
- overflow-x beschreibt den Seitenfluss auf der X-Achse, also horizontal
- overflow-y beschreibt den Seitenfluss auf der Y-Achse, also vertical