テーマを更新するとヘッダーが2行になってしまいます

0
いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #26941
    Sayoko Miura
    参加者
    6

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

    【お使いの Snow Monkey のバージョン】v5.7.6 → v7.10.3
    【お使いのブラウザ】Crome
    【当該サイトのURL】(公開できる場合は書いていただいたほうがスムーズです)

    ===

    お世話になっています。いつもありがとうございます!

    カスタマイズというか、テーマ更新時についてです。

    Snow Monkeyをv5.7.6 → v7.10.3へテーマ更新すると、ヘッダーが今まで1行だったものが2行表示になってしまいます。

    <今までのヘッダーが1行の状態>

    以前の状態

    <テーマ更新するとヘッダーが2行になります>

    ナビが2行になったもの

     

    もともと「カスタマイズ」ー「レイアウト」ー「基本設定」でコンテンツの最大幅を1024に設定しているのですが、以前はheaderのc-containerのみは
    max-width: calc(1280px – env(safe-area-inset-right) – env(safe-area-inset-left));
    ったのが、

    v7.10.3では
    max-width: 1024px;

    になり、幅が狭くなったので2行になっていると思われます。

    他の方の質問にないので、私のやり方が悪いのでしたらすみません!!
    これでテーマ更新できずにストップになっています。
    CSSで対応した方が良いのでしょうか?

    急ぎませんので、どうぞよろしくお願いいたします。

     

     

    0
    いいねをした人: 居ません
    #26995
    アバター画像キタジマ タカシ
    参加者
    2421

    あ、そうなんです。
    v7.4.1 から、全ての .c-container が同じ横幅になるように変更をいれたのです。下記の CSS を追加するとどうでしょうか?

    @media (min-width: 64em) {
      .l-header .c-container,
      .l-footer .c-container {
        max-width: 1280px;
      }
    }
    0
    いいねをした人: 居ません
    #27009
    Sayoko Miura
    参加者
    6

    やはり.c-containerの仕様が変更になったのですね〜。
    CSSの追加で無事解決しました。

    いつもありがとうございます!!
    閉じさせていただきますね。

    0
    いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「テーマを更新するとヘッダーが2行になってしまいます」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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