Mobileで見た場合のキャッチフレーズの位置について

2019/1/13

このトピックには3件の返信が含まれ、2人の参加者がいます。6 ヶ月、 1 週前に Maverick さんが最後の更新を行いました。

投稿者

投稿
2019年1月11日 8:15 AM #61235

Maverick

はじめまして。初めて質問を致します。
Simplicity２で作成しているサイトをMobileで見ると、キャッチフレーズの位置がちょっとだけ下にさがり、header画像からちょっと下にはみ出してしまい表示されます。どのようにしたら直せるでしょうか。

URL：https://up-mind.netです。Mobileで見て頂けるとすぐに分かります。

ご教示ください。
宜しくお願い致します。
2019年1月11日 10:39 PM #61238

わいひら
キーマスター

ヘッダーなどの高さが足りていないようです。
https://up-mind.net/wp/wp-content/uploads/2019/01/209bff6d490f8d289cf13a103747e572.jpg

もっと高さのある背景画像を設定する必要があるかもしれません。
https://wp-simplicity.com/how-to-set-big-header-image/

下の方は、表示されないのですが、余裕をもって長めに取っておいたほうがいいかもしれません。その分サイズ重くなりますが。
2019年1月11日 11:26 PM #61240
Akira
もしくは、子テーマの style.css への CSS の追加でもご希望に叶うかもしれません。
```
@media screen and (max-width: 1110px) {
  #header {
    background-position: center;
    background-size: auto;
  }
}
```
2019年1月12日 10:49 AM #61243

Maverick

この度はお世話になります。
Akiraさまからご教示頂いた内容を試したところ、キレイにheader画像内に収まりました！

あいｒがとうございました！<(_ _)>
投稿者

投稿