5件の投稿を表示中 - 1 - 5件目 (全5件中)
-
投稿者投稿
-
2019年11月13日 8:40 AM #34956
トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。
【お使いの Snow Monkey のバージョン】8.0.4
【お使いのブラウザ】Crome,Safari
【当該サイトのURL】(公開できる場合は書いていただいたほうがスムーズです)===
ドロワーメニューの子メニューを最初からすべて開いた状態で表示したいです。
理由としては、少し年齢高めの方向けのサイトを作っているんですが、ネット検索に慣れていない方は
・そもそも子メニューがあると知らない
・親メニューをリンクなしに設定するとタップしても何も表示されない(遷移しない)と思われる
のような不満が出てきそうだからです。
過去のフォーラムで既にありそうだなと思い探したところ、以下のような近いトピックはありましたが、そこから自分でカスタマイズできそうにありません…
サイト制作者としては、見てほしいコンテンツにたどり着いてもらわないともったいないので、ぜひドロワーメニューの子メニュー全表示でのカスタマイズを行いたいです。
よろしくお願いします!
♥ 0いいねをした人: 居ません2019年11月13日 10:11 PM #35046下記の CSS でどうでしょうか? 追加 CSS か、子テーマの CSS ファイルに貼りつけてみてください。
#drawer-nav .c-drawer__submenu { height: auto; overflow: visible; } #drawer-nav .c-drawer__toggle { display: none; }
♥ 0いいねをした人: 居ません2019年11月14日 1:22 PM #35102ありがとうございます、思っていたとおりにできました!
追加になりますが、下の例のように子メニューの頭の方に「-」を付けてよりわかり易くメニュー階層を見せたいんですが可能でしょうか?
親メニュー
-子メニュー1
-子メニュー2
♥ 0いいねをした人: 居ません2019年11月15日 4:58 PM #35269ちょっと無理矢理感はありますが、こんな感じではどうでしょうか?
#drawer-nav .c-drawer__subitem::before { content: '-'; flex: none; } #drawer-nav .c-drawer__subitem { display: flex; flex-wrap: wrap; } #drawer-nav .c-drawer__subitem a { flex: 1; } #drawer-nav .c-drawer__subitem .c-drawer__submenu { flex: 100%; }
♥ 0いいねをした人: 居ません2019年11月15日 5:28 PM #35298ばっちりです!
いつもありがとうございます!!
♥ 0いいねをした人: 居ません -
投稿者投稿
5件の投稿を表示中 - 1 - 5件目 (全5件中)
- トピック「ドロワーメニューの子メニューを最初から全て開いた状態で表示したい」には新しい返信をつけることはできません。