[cotonoha-design]

お世話になっております。

【お使いの Snow Monkey のバージョン】13.1.1
【お使いの Snow Monkey Blocks のバージョン】10.3.0
【お使いの Snow Monkey Editor のバージョン】4.0.1
【お使いのブラウザ】Chrome

### 実現したいこと
スマホのサブメニュー
デフォルトではトグルボタンで隠れていますが、隠さずに最初から表示されているようにしたいです。
cssを調べてみたのですが、どのように設定されているかわからず…
カスタマイズの方法があればお教えいただけますと幸いです。

♥ 0

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

[Olein_jp]

最適解かどうかわかりません（他に良い方法がありそうな気がします）が、CSSでゴリゴリしてしまうのであれば、

.c-hamburger-btn {
    display: none;
}

.l-center-header__row {
    display: block !important;
}

こうすることで、トグルボタンは表示されず、メニュー自体は出現するので、あとは追加でCSS調整を行うという形で実現できるかと思います。

（もしかしたらPHP側からフックでトグルボタンの制御ができるのかな？できないのかな？現時点でわかりませんでした）

♥ 1

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

[キタジマ タカシ]

PHP では対応できないので CSS で上書きするのがベターかなと思います！

♥ 0

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

[cotonoha-design]

回答ありがとうございます！

.c-hamburger-btn {
  display: none;
}

これを書くことで、スマホのメニュー自体が消えてしまうのですが
どうしたらいいでしょうか？
ドロワーメニュー・ドロップダウンメニュー両方試しましたが
どちらも消えてしまいました。

.l-center-header__row {
  display: block !important;
}

これだけを書いてもサブメニューは出てきませんでした。

最初に書き忘れていたんですが（申し訳ないです）
できればドロップダウンメニューで実現したいです。

♥ 0

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

[Olein_jp]

今一度、現状どのような設定状態になっていて、どんな状態で何を実現されたいのか、出来るだけ共有頂いてもよろしいでしょうか？

可能であればスクリーンショットなども交えてお教えいただけると助かります。

♥ 0

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

[cotonoha-design]

わかりづらくて申し訳ありません！
現状と希望の画像を添付いたします。

URLは下記の通りです。

ちきり屋

chikiriya-kyoto.com

パスワード：1234

お手数をおかけし申し訳ありませんが、どうぞよろしくお願いいたします。

♥ 0

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

[キタジマ タカシ]

こんな感じでしょうか。

/* ドロップダウンメニューのサブメニューを常に表示 */
.c-dropdown__submenu {
    height: auto;
    overflow: visible;
}

/* トグルボタンは不要なので消す */
.c-dropdown__toggle {
    display: none;
}

♥ 0

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

[cotonoha-design]

できました！！
ありがとうございます！！

♥ 1

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

[cotonoha-design]

お世話になっております。

すみません、以前このカスタマイズでうまくいったのですが
WordPress5.8・テーマ15.1.0へ更新したら、サブメニューが表示されなくなりました。

解決法があればお教えいただけますと幸いです。

♥ 0

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

[キタジマ タカシ]

ありゃ、詳細度の問題ですかね。下記のようにしてみたらどうでしょうか？

/* ドロップダウンメニューのサブメニューを常に表示 */
.c-dropdown__submenu {
    height: auto !important;
    overflow: visible !important;
}

/* トグルボタンは不要なので消す */
.c-dropdown__toggle {
    display: none;
}

♥ 0

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

[cotonoha-design]

回答ありがとうございます！
ですが、importantを付けても変わりませんでした。

ちきり屋

chikiriya-kyoto.com

空白ができた状態で公開していますので、見ていただくことはできますか？

お手数をおかけしまして申し訳ありませんがよろしくお願いいたします。

♥ 0

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

[GONSY]

cotonoha-designさん、こんにちは。

サイト拝見しました。
キタジマさんが教えてくれたコードにvisibility: visible !important;を追加したらどうでしょうか？

/* ドロップダウンメニューのサブメニューを常に表示 */
.c-dropdown__submenu {
    height: auto !important;
    overflow: visible !important;
    visibility: visible !important;
}

お試しください(^^

♥ 1

いいねをした人:

[cotonoha-design]

GONSY様

教えていただいた方法で表示されました！
ありがとうございます！
勉強になりました～！

♥ 2

いいねをした人:

[cotonoha-design]

お世話になっております！
度々すみません…。

テーマを15.8.0にアップデートしたら、またサブメニューが表示されなくなってしまいました。
対策をお教えいただけましたら幸いです。

ちきり屋

chikiriya-kyoto.com

現状、トグルボタンを表示させて対応していますが、
できるならサブメニューが元々表示されている状態にしたいです。

♥ 0

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

[キタジマ タカシ]

display: block !important も足してみてください！

♥ 0

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

[投稿者]

投稿