メインコンテンツへ移動

Snow Monkey:641px以上でドロワーナビ(ハンバーガー)を表示させたい

0
Who liked: No user
1件の投稿を表示中 - 1 - 1件目 (全1件中)
  • 投稿者
    投稿
  • #146783
    アバター画像mokadesign
    参加者
    13

    【お使いの Snow Monkey のバージョン】バージョン: 29.1.6
    【お使いの Snow Monkey Blocks のバージョン】バージョン 24.1.6
    【お使いの Snow Monkey Editor のバージョン】バージョン 11.0.3
    【お使いのブラウザ】Chrome
    【当該サイトのURL】https://nokanoka.jp/

    ### 実現したいこと

    PCサイズ(641px以上)でも「ドロワーナビゲーション(モバイル用)」を
    ハンバーガーボタンで開けるようにしたいです。

    スマホでは正常にドロワーメニューが動作していますが、
    タブレット・PCサイズではハンバーガーボタン自体が非表示になってしまいます。

    参考サイト

    のように、PCでも右上に「MENU」があり、クリックすると全画面でメニューを開くような構成を希望しています。

    ### 発生している問題

    HTMLには <nav id=”drawer-nav” class=”c-drawer …”> が出力されており、Snow Monkey のドロワー自体は存在しています。
    しかし PCサイズでは #hamburger-btn が表示されず、クリックできないためドロワーが開けません。
    CSSで強制的に display:flex !important; を指定しても表示されません。

    ### 試したこと

    外観 → メニュー で「ドロワーナビゲーション(モバイル用)」にメニューを割り当て済み
    以下のCSSを追加しましたが、PCサイズでは表示されませんでした:

    @media (min-width: 641px) {
    #hamburger-btn {
    display: inline-flex !important;
    }
    }

     

    質問
    PC幅でもドロワーメニューを有効にする正式な方法(もしくは推奨されるやり方)はありますか?

    CSSだけで対応可能か、PHPなどテーマファイルの編集が必要でしょうか?

     

    よろしくお願いいたします<(_ _)&gt

    0
    Who liked: No user
1件の投稿を表示中 - 1 - 1件目 (全1件中)
  • このトピックに返信するにはログインが必要です。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。