【重要なお知らせ】フォーラム内の画像が一部表示されない状態について
画像共有サービス「Gyazo」（提供：株式会社Helpfeel）における不正アクセスが2026年9月16日に公表されました。この影響により、過去の質問・回答に掲載していた画像の一部が表示されなくなっております。ECマスターズクラブのシステムおよび会員情報への影響はございません。
画像が表示されず内容が分かりにくい投稿がございましたら、お手数ですが当該スレッドへのご返信、または新規のご質問にてお知らせください。改めてご案内いたします。
なお、Gyazoをご利用中の店舗様は、Helpfeel社からの告知内容をあわせてご確認くださいますようお願いいたします。
- 文字サイズ変更
- 小
- 中
- 大
解決済
PC用メニューにドロップダウンを追加したい
- 相談者：非公開
- 2020/12/08 10:27
いつもお世話になっております。
PC用表示のヘッダーメニューの『商品の一覧』をマウスオーバーで
ドロップダウンさせて一覧を表示させたいのですが、
スマホ用メニューで記載しているl-gnav_childを使ってできないかと
思ったのですが、うまくできませんでした。
こちらのページを参考にしつつ
https://theorthodoxworks.com/web-design/drop-down-menu-multi-css/
PC表示用のCSSをいじってみたのですが、うまくl-gnav_childが
反映されません。
l-gnav_childを併用するよりか、新しくドロップダウン用の
子メニューを作成したほうが良いのでしょうか。
ご教示の程よろしくお願いします。
PC用表示のヘッダーメニューの『商品の一覧』をマウスオーバーで
ドロップダウンさせて一覧を表示させたいのですが、
スマホ用メニューで記載しているl-gnav_childを使ってできないかと
思ったのですが、うまくできませんでした。
こちらのページを参考にしつつ
https://theorthodoxworks.com/web-design/drop-down-menu-multi-css/
PC表示用のCSSをいじってみたのですが、うまくl-gnav_childが
反映されません。
l-gnav_childを併用するよりか、新しくドロップダウン用の
子メニューを作成したほうが良いのでしょうか。
ご教示の程よろしくお願いします。
このフォーラムへの質問は終了しました
- カテゴリ：本店サイト
5
- 返信者：非公開
- 2020/12/08 17:28
ECマスターズの田中です。
PC用表示にて
.l-gnav_child に display: none; が設定されているため、
visibiltyや………（省略）………
PC用表示にて
.l-gnav_child に display: none; が設定されているため、
visibiltyや………（省略）………
- 返信者：非公開（質問者）
- 2020/12/09 10:55
ご回答ありがとうございます。
PC用に.l-gnav_childを作成してdisplayプロパティから
visibilityプロパティに変更しました。
レ………（省略）………
PC用に.l-gnav_childを作成してdisplayプロパティから
visibilityプロパティに変更しました。
レ………（省略）………
- 返信者：非公開
- 2020/12/09 11:17
ECマスターズの田中です。
ページで読み込んでいるstyle.cssの417行目、
.l-gnav_child に対する「display: none;」………（省略）………
ページで読み込んでいるstyle.cssの417行目、
.l-gnav_child に対する「display: none;」………（省略）………
- 返信者：非公開（質問者）
- 2020/12/09 14:36
ご回答ありがとうございます。
display: none;をvisibilityに変更しましたら、
ドロップダウンが正常に動きました！
ただ、その時にスマ………（省略）………
display: none;をvisibilityに変更しましたら、
ドロップダウンが正常に動きました！
ただ、その時にスマ………（省略）………
- 返信者：非公開
- 2020/12/09 15:55
ECマスターズの田中です。
visibilityによる非表示処理は、
ご覧いただいたとおり、非表示にした箇所が
空白として空いてしまいます。
下………（省略）………
visibilityによる非表示処理は、
ご覧いただいたとおり、非表示にした箇所が
空白として空いてしまいます。
下………（省略）………
このフォーラムへの質問は終了しました
質問を検索する