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

2019/1/13

このトピックには3件の返信、2人の参加者があり、最後にMaverickにより3年、 4ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 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画像内に収まりました！
  
  あいｒがとうございました！<(_ _)>
投稿者

投稿

3件の返信スレッドを表示中

トピック「Mobileで見た場合のキャッチフレーズの位置について」には新しい返信をつけることはできません。