[星乃 みなみ]

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

【お使いの Snow Monkey のバージョン】最新版
【お使いのブラウザ】safari
【当該サイトのURL】https://www.kigoulab.co.jp/
===

iPad横位置で、メニューが改行されてしまいます。

対策として

・iPad横位置だけ、メニューの余白を詰めて表示する（余白が足りない？）
・iPad横位置も、ハンバーガーメニューにする

の2つを考えています。理想は前者ですが、難しい場合は後者しかないかなと思ってます。
CSSでメニューまわりを追いかけられてないので、ご教授いただければたすかります。

ちなみに、CSSファイルはどこにありますか？　ソースを見たいです。
これを直接いじったらだめなんですよね。カスタマイザーからCSSを上書きするのですよね

よろしくお願いいたします。

♥ 0

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

[キタジマ タカシ]

理想は前者ですが、難しい場合は後者しかないかなと思ってます。

Snow Monkey のブレイクポイントが 1024〜 になっていて、恐らく iPad 横が 1024 だと思うので、後者の対応のほうが難しいと思います。なので、次のような CSS を追加して適宜調整する感じになるかなと思います。

@media (min-width: 1024px) and (max-width: 1279px) {
  .p-global-nav .c-navbar__item > a {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

ちなみに、CSSファイルはどこにありますか？　ソースを見たいです。

snow-monkey/src/css に入っています。

これを直接いじったらだめなんですよね。カスタマイザーからCSSを上書きするのですよね

Snow Monkey をアップデートするともとに戻ってしまうのでおすすめできません。カスタマイザーの追加 CSS、もしくは子テーマの CSS ファイルに追加することを推奨します。

♥ 0

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

[星乃 みなみ]

根本的に文字数がおおく、余白を0.5remにしてみましたが、ダメでした。

ハンバーガーにするのは難しいですか？

♥ 0

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

[キタジマ タカシ]

下記を試してみてください。

ハンバーガーメニューの出現ポイントを変更したい

タグ: ハンバーガー このトピックには6件の返信、2人の参加者があり、最後に土居 安佳里により1年、…

snow-monkey.2inc.org

♥ 0

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

[星乃 みなみ]

返事遅れましてすみません。

記事にあったコードを反映して、iPad横でハンバーガーになるのを確認しました。
メニューが合った方が良いかなと思ってましたが、スッキリして違和感無い感じです。
これで進めます

ありがとうございました
クローズします。

♥ 0

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

[投稿者]

投稿