[Sayoko Miura]

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

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

===

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

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

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

＜今までのヘッダーが１行の状態＞

＜テーマ更新するとヘッダーが２行になります＞

 

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

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

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

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

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

 

 

♥ 0

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

[キタジマ タカシ]

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

@media (min-width: 64em) {
  .l-header .c-container,
  .l-footer .c-container {
    max-width: 1280px;
  }
}

♥ 0

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

[Sayoko Miura]

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

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

♥ 0

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

[投稿者]

投稿