overflow-x: hidden;　を指定しても、横スクロールができてしまいます。

スマホサイズのHPを作成しています。（レスポンシブ対応中）

ハンバーガーメニューを押した際、JavaScriptでメニューが右から左に出てくるように記述しているサイトを作成中です。
デベロッパーツールを使いiPhone6/7/8での表示を確認した際、スクロールすると右側にスクロールできてしまいます。

Before

After

スクロールはさせたくないため、以下を試しましたが改善しません。
横にスクロールしない方法を教えていただきたいです。

①

CSS
1html , body {
2      overflow-x: hidden;
3      overflow-y: auto;
4   }

②

CSS
1body {
2      overflow-x: hidden;
3   }

今のコード（リセットCSSに追加する形で記述しており、かつ①と②の記述は消している状態です）

CSS
1/*リセットCSSここから*/
2html, body, div, span, applet, object, iframe,
3h1, h2, h3, h4, h5, h6, p, blockquote, pre,
4a, abbr, acronym, address, big, cite, code,
5del, dfn, em, img, ins, kbd, q, s, samp,
6small, strike, strong, sub, sup, tt, var,
7b, u, i, center,
8dl, dt, dd, ol, ul, li,
9fieldset, form, label, legend,
10table, caption, tbody, tfoot, thead, tr, th, td,
11article, aside, canvas, details, embed,
12figure, figcaption, footer, header, hgroup,
13menu, nav, output, ruby, section, summary,
14time, mark, audio, video {
15	margin: 0;
16	padding: 0;
17	border: 0;
18	font-size: 100%;
19	font: inherit;
20	vertical-align: baseline;
21}
22/* HTML5 display-role reset for older browsers */
23article, aside, details, figcaption, figure,
24footer, header, hgroup, menu, nav, section {
25	display: block;
26}
27body {
28	line-height: 1;
29	font-family: -apple-system, BlinkMacSystemFont, 
30	'Helvetica Nee', 'Segoe UI', HiraginoCustom, 
31	'Hiragino Kaku Gothic ProN', YuGothic, 
32	'Yu Gothic Medium', Meiryo, sans-serif;
33}
34