[戻る]
No.5574

ハンバーガーメニューが最後尾に表示されます

56号さん  投稿日:2021/08/18(Wed) 20:27
key

いつも、お世話になっております。
スマホサイトでハンバーガーメニューを導入しようと思い、
色々なサイトを参考にし、HTMLによる自作を行いました。

挙動も問題が無いので、拡張設定→デザイン設定→レイアウトで
今まで使ってたメニュー用のHTMLと入れ替えて保存。

スマホでチェックすると、三本線をクリックして展開されたメニューが
ページのコンテンツより後ろに追いやられてしまい、メニューとして機能していません。
(ページをスクロールしても最後尾は変わらず)


▼メニュー作成のためスマホ用テンプレートに下記と同じ内容を追加しました
https://www03.easy-myshop.jp/emsrsc/siesta-denim/res/menu.css

▼メニューで実際に使ってるHTMLです
https://siesta-jeans.com/c-fpage?fp=menuTEST


背景色を指定し、重ね順(z-index)を設定しても埋もれたままでした。

もしかして配置する場所が悪かったのでしょうか?(レイアウト以外に置くとすれば何処が良いのか)
上級モードで、イチからページを作り直すしかないのでしょうか?

Re: ハンバーガーメニューが最後尾に表示されます

56号さん  2021/08/19(Thu) 11:22 No.5575
key

すいません、自己解決しました。
ハンバーガーメニューが設定されてるヘッダの部分と、
コンテンツが設定されてるpane_bodyなども含めて、
重ね順(z-index)を試行錯誤していたらメニューが最前面に来てくれました。

お騒がせして申し訳ありません



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』