【お使いの 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などテーマファイルの編集が必要でしょうか?
よろしくお願いいたします<(_ _)>