[Takeru]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】8.0.4
【お使いのブラウザ】Crome,Safari
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

===

ドロワーメニューの子メニューを最初からすべて開いた状態で表示したいです。

理由としては、少し年齢高めの方向けのサイトを作っているんですが、ネット検索に慣れていない方は

・そもそも子メニューがあると知らない

・親メニューをリンクなしに設定するとタップしても何も表示されない（遷移しない）と思われる

のような不満が出てきそうだからです。

過去のフォーラムで既にありそうだなと思い探したところ、以下のような近いトピックはありましたが、そこから自分でカスタマイズできそうにありません…

ドロワーメニューの親メニューを，開いた状態で表示とタイトルタップでのオープン

このトピックには6件の返信、2人の参加者があり、最後にtomatoにより1年、 9ヶ月前に更新されました。 7…

snow-monkey.2inc.org

サイト制作者としては、見てほしいコンテンツにたどり着いてもらわないともったいないので、ぜひドロワーメニューの子メニュー全表示でのカスタマイズを行いたいです。

よろしくお願いします！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

下記の CSS でどうでしょうか？ 追加 CSS か、子テーマの CSS ファイルに貼りつけてみてください。

#drawer-nav .c-drawer__submenu {
  height: auto;
  overflow: visible;
}

#drawer-nav .c-drawer__toggle {
  display: none;
}

♥ 0

いいねをした人: 居ません

[Takeru]

ありがとうございます、思っていたとおりにできました！

追加になりますが、下の例のように子メニューの頭の方に「-」を付けてよりわかり易くメニュー階層を見せたいんですが可能でしょうか？

親メニュー

-子メニュー1

-子メニュー2

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ちょっと無理矢理感はありますが、こんな感じではどうでしょうか？

#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

いいねをした人: 居ません

[Takeru]

ばっちりです！

いつもありがとうございます！！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿