[miya]

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

【お使いの Snow Monkey のバージョン】v7.10.2
【お使いのブラウザ】safari chrome
【当該サイトのURL】

===

 

お世話になっております。

デフォルトページヘッダー画像と、

固定ページのアイキャッチ画像をページヘッダーにしているのですが、

スマホで見た場合に左右が切れるので、それをヘッダー全体が見えるようにするにはどのようにしたらいいでしょうか？

（ちなみにトップページは固定ページで画像を入れているので、スマホでも切れずに表示されています）

 

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

♥ 0

Who liked: No user

[キタジマ タカシ]

スマホのときだけ切れないように、ということであればこんな感じでしょうか。追加 CSS か子テーマの CSS ファイルに下記を追加してみてください。

@media (max-width: 639px) {
  .c-page-header[data-has-image="true"] {
    padding: 0;
    min-height: auto;
    height: auto;
  }
  .c-page-header__bgimage {
    position: static;
  }

  .c-page-header__bgimage>img{
    position: static;
    object-fit: contain;
    height: auto;
    min-height:auto;
    min-width: auto;
  }
}

♥ 0

Who liked: No user

[miya]

ありがとうございます！

こちらで切れずに表示されました！

♥ 0

Who liked: No user

[キタジマ タカシ]

良かったです！トピック閉じますね。

♥ 0

Who liked: No user

[投稿者]

投稿