Chromeでスクロールバーが二重に表示されてしまう

Question

前提・実現したいこと

Wordpressで自作のテーマを使用しサイトを運営しています。

発生している問題・エラーメッセージ

MacのChromeでサイトを見ると、スクロールバーが二重になって表示されることがあります。
常に二重表示されているわけではなく、マウスのホイールを転がしていると時々二重になって表示され、下までスクロールされない(本来必要ないスクロールバーに邪魔される)現象が起きております。

※画面はローカル環境のものなので現在公開中のサイトとは少々デザインや色が異なりますが同じ問題が生じています。

該当のソースコード

原因が不明ですがおそらくcssの問題かと思われます。
https://studio-pi.jp/
↑わたしのサイトです。
再現方法もわかっておらず、マウスホイールを転がしていると時々発生します。

試したこと

『Chrome　スクロールバー　二重』などの検索ワードで調べたところ、スタイルシートにoverflow-x:hidden;と記載されているとIEで再現できるとの情報がいくつか見つかりました。
しかし、overflow-x:hidden;は使用していないのと、IEではなくChromeで問題が発生しております。

ブラウザのデベロッパーツールでcssを修正してみたり、削除したりなど試みましたが解決に至りませんでした。

補足情報（FW/ツールのバージョンなど）

トップページの記事一覧画面、記事詳細、固定ページなどどこのページでも再現します。
サイトをご覧の上ご教示いただけないでしょうか。

よろしくお願いいたします。

Answer 1

下記の overflow-x: hidden; がスクロールバーの出る原因のようです。

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

上記のCSS自体不必要だと思います。

Comments

[studiooooopi]

ご回答ありがとうござます。
昔使用していたものの現在は使用していないCSSを読み込んでおり、そこにoverflow-xが使用されていたようでした(テーマのstyle.cssばかり確認して気づきませんでした…)。

おかげさまで、現在は再発しておりません。
初歩的なミスでお恥ずかしい限りです。ご回答いただきありがとうございました！