デスクトップ経由でサイトを表示するときに横スクロールを無効にするために、次の CSS を適用しています。
html, body {
max-width: 100% !important;
overflow-x: hidden !important;
}ただし、モバイル ブラウザでサイトを表示する場合、横スクロールは引き続き可能です。
はっきり言って、画面幅からはみ出すコンテンツがあります。できればそのままにしておきたいのですが、ユーザーがスクロールしてオーバーフローしたコンテンツを見ることができないようにします。これは、デスクトップ ブラウザーから上記のコードを使用して簡単に実行できるため、モバイル ブラウザーでも同様に実行できるはずです。