-
投稿者投稿
-
2019年9月24日 7:10 AM #28739
トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。
【お使いの Snow Monkey のバージョン】最新版
【お使いのブラウザ】safari
【当該サイトのURL】https://www.kigoulab.co.jp/
===iPad横位置で、メニューが改行されてしまいます。
対策として
・iPad横位置だけ、メニューの余白を詰めて表示する(余白が足りない?)
・iPad横位置も、ハンバーガーメニューにするの2つを考えています。理想は前者ですが、難しい場合は後者しかないかなと思ってます。
CSSでメニューまわりを追いかけられてないので、ご教授いただければたすかります。ちなみに、CSSファイルはどこにありますか? ソースを見たいです。
これを直接いじったらだめなんですよね。カスタマイザーからCSSを上書きするのですよねよろしくお願いいたします。
♥ 0いいねをした人: 居ません2019年9月24日 10:41 AM #28752理想は前者ですが、難しい場合は後者しかないかなと思ってます。
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いいねをした人: 居ません2019年9月24日 11:17 AM #28774根本的に文字数がおおく、余白を0.5remにしてみましたが、ダメでした。
ハンバーガーにするのは難しいですか?
♥ 0いいねをした人: 居ません2019年9月25日 10:34 AM #28824下記を試してみてください。
♥ 0いいねをした人: 居ません2019年9月25日 9:56 PM #28869返事遅れましてすみません。
記事にあったコードを反映して、iPad横でハンバーガーになるのを確認しました。
メニューが合った方が良いかなと思ってましたが、スッキリして違和感無い感じです。
これで進めますありがとうございました
クローズします。♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「iPad横位置で、メニューが改行されてしまいます。」には新しい返信をつけることはできません。