バージョン選択

フォーラム

メニュー

オンライン状況

27 人のユーザが現在オンラインです。 (18 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 27
もっと...

サイト内検索

質問 > その他 > スマホの画面でハンバーガーメニューエラー

その他

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
novarod2
投稿日時: 2021/2/8 17:55
対応状況: 確認中
新米
登録日: 2019/11/5
居住地:
投稿: 9
スマホの画面でハンバーガーメニューエラー
▼テンプレート
[EC-CUBE] 3.0.18
[レンタルサーバ] heteml
[OS] Linux
[PHP] 7.1.32
[データベース] MySQL 5.6.23
[WEBサーバ] Apache
[ブラウザ] chrome, firefox
[現象]

スマホ画面やPCのブラウザサイズを小さくすると表示されるハンバーガーメニューをクリックして、開くと灰色の背景でメニューや内容が表示されず、×を押して閉じることもできません。トップページのソースコードを見ると次のようになってあります。

ーーーーーーーーーーーーーーーーーーーーーーーー
<body id="page_homepage" class="front_page">

▼<div id="wrapper">
▶︎<header id="header">...</header>
▶︎<div id="contents" class="theme_main_only"><div>
▶︎<footer id="footer">...</footer>
 </div>
▶︎<div id="drawer" class="drawer sp">...</div>
<div class="overlay"></div>

</body>


上のコードをchromeのDevToolsから
▶︎<div id="drawer" class="drawer sp">...</div>を
▶︎<div id="contents" class="theme_main_only"><div>下に移動するとハンバーガーメニューが正しく表示します。


下のように実のコードを修正するにはどこのファイルを修正すればいいがわからないですね。
方法をご教授いただけないでしょうか?
どうぞ宜しくお願い申し上げます。

<body id="page_homepage" class="front_page">

▼<div id="wrapper">
▶︎<header id="header">...</header>
▶︎<div id="contents" class="theme_main_only"><div>
▶︎<div id="drawer" class="drawer sp">...</div>
▶︎<footer id="footer">...</footer>
 </div>
<div class="overlay"></div>

</body>
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
 » スマホの画面でハンバーガーメニューエラー novarod2 2021/2/8 17:55
     Re: スマホの画面でハンバーガーメニューエラー tsuji 2021/2/10 17:25
       Re: スマホの画面でハンバーガーメニューエラー novarod2 2021/2/12 18:12
         Re: スマホの画面でハンバーガーメニューエラー tsuji 2021/2/15 10:33
           Re: スマホの画面でハンバーガーメニューエラー novarod2 2021/2/15 15:11
             Re: スマホの画面でハンバーガーメニューエラー tsuji 2021/2/16 9:38

 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は72,226名です
総投稿数は101,643件です

投稿数ランキング

1
seasoft
7333
2
468
3034
3
AMUAMU
2712
4
nanasess
2156
5
umebius
2011
6
yuh
1612
7
red
1452
8
h_tanaka
1086
9
tsuji
936
10
fukap
907
11
shutta
835
12
tao_s
793
13 ramrun 789
14 karin 689
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.