ハンバーガーメニューの非表示について < SWELLに関する質問

フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。

通知

すべてクリア

[解決済] ハンバーガーメニューの非表示について

SWELLに関する質問

3 投稿

2 ユーザー

4 Likes

1,380 表示

RSS

Flamingo

(@flamingo)

New Member

Topic starter

いつも大変お世話になっております。

PC、スマートフォン共にハンバーガーメニューを非表示にしたく、

背景を白色にしたり、

追加CSSに以下のようなコードを入れてみました。

.icon-menu-thin {
display :none;
}

しかし、実際には透明になるだけで、タップしたらメニューが開閉されてしまいます。

お忙しいところ大変恐縮ですが、解決方法をご教示いただけたら大変助かります。

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

投稿済 : 05/07/2020 6:53 am

つぶ

(@tbshiki)

Estimable Member

こんにちは。

.icon-menu-thin はアイコンそのものにあたっているクラスなので親のdiv要素のいずれかをdisplay: none;してあげないといけません(；･`ω･´)

以下コードをお試しいただきたいです✨

c-iconBtn.-menuBtn {
display: none;
}

投稿済 : 05/07/2020 7:13 am

Flamingo

(@flamingo)

New Member

Topic starter

つぶさん、はじめまして。

ご教示いただいたコードを試してみたところ、スッキリ無くなってくれました！！

解決方法がわからず途方に暮れていたので、大変助かりました。

本当にありがとうございます。 😭

投稿済 : 05/07/2020 8:35 am

共有: