PCとスマホの異なるヘッダー表示に関して

Simplicityの特徴 フォーラム Simplicityについての質問 PCとスマホの異なるヘッダー表示に関して

1件の返信スレッドを表示中
  • 投稿者
    投稿
    • #29384
      KING
      ゲスト

      お世話になります。

      どうしても、自分のスキルでは解決できないので、
      もしよろしければご教示いただけると嬉しいかぎりです。

      ブログのヘッダー画像を高さ200PX で作成しました。
      よってそれを設置するために、
      Simplicityのヘッダーの高さ200PX で設定しました。

      すると、PC上ではバッチリ、うまく表示されるのですが、
      モバイルで見ると、
      ヘッダー画像とグローバルナビまで余分なスペース(余白)が
      表示されてしまいます。

      それでは、ということでデフォルトの100PXに設定しなおすと、
      スマホ上では上記の問題は解決されるのですが、
      今度はPC上では200PXで作成したヘッダーが、
      半分しか表示されない悲しい結果になってしまいます。

      そこで質問ですが、
      このような高さ200PXで作成したヘッダーを
      PCでもスマホでも、うまくバッチリ表示させるためには
      どのような設定をすればよろしいでしょうか??

      ご多忙の中恐縮ですが、
      ご教示いただけましたら幸いです。

      よろしくお願い申し上げます。

    • #29402
      アバター画像わいひら
      キーマスター

      ちょっと実際のページを見てみないと合っているかはわからないのですが、mobile.cssなどにスタイルシートで高さを調節すれば良いかと思います。
      スタイルシートリファレンス(目的別)
      WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方

1件の返信スレッドを表示中
  • フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)