WordPressテーマSANGOの質問

ロゴ画像について。PC表示が変わらない、スマホ表示でのズレ

アバター
ふしあな

お世話になります。
基本的なことですみません。
PCスマホともに表示サイズを大きくしたく、cssをコピペしました。
いずれも150pxです。

①PCの表示が変わらないのですが、どうしたらいいでしょうか。
②スマホの表示は大きくなったのですが、下の方に余白が多いので中央にしたいときはどうしたらいいでしょうか。

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

ブログのタイトルとロゴ画像を設定しよう
コメントへの回答
サルワカくん
サルワカくん
2022/03/02

お世話になっております。
PCの時とスマートフォンの時でそれぞれどれくらいの大きさでロゴを表示したいか教えていただけないでしょうか?
よろしくお願いします。

アバター
ふしあな
2022/03/03

ご返信ありがとうございます。
PCは、カスタマイズの「基本情報とロゴの設定」にある「ヘッダーの高さ」
62となっているのを120にした高さに収まる感じがいいなと思ってます。
スマホは、スマホで今表示されているヘッダーアイキャッチの画像くらいの高さに収まるくらいにしたいです。
回答になっていますでしょうか。よろしくお願いいたします。

サルワカくん
サルワカくん
2022/03/04

お世話になっております。
最初確認した際の表示と変わっているようですがひょっとすると解決済みでしょうか?
よろしくお願いします。

アバター
ふしあな
2022/03/04

ご確認ありがとうございます。
すみません。カスタマイズの「ヘッダーの高さ」を120にしていました。

これを120にするとPCはイメージどおりになるのですが、
スマホ表示は下に余白ができてしまいました。
そのため、カスタマイズの「ヘッダーの高さ」を使わず、
cssでどうにかしたらいいかなと思いコピペしましたが、
PC表示が変わらない、スマホ表示が下に余白ができてしまうという感じです。

現状、カスタマイズの「ヘッダーの高さ」を62に戻しました。
cssはコピペしてあります。
よろしくお願いいたします。

サルワカくん
サルワカくん
2022/03/05

お世話になっております。
> スマホ表示は下に余白ができてしまいました。

これはどういった状態でしょうか?
ヘッダーと下の画像の間に余白が生じている形でしょうか?
できれば画像でご説明いただけると嬉しいです。

よろしくお願いします。

アバター
ふしあな
2022/03/05

ご返信ありがとうございます。
私が「余白」と言っている箇所について確認したところ、
「.mobile-nav」でした。
スライドメニューの関係かと思い、色々していたら解決しました。
聞いていただき、ご返信くださりありがとうございました。
お手数をおかけしました。今後ともよろしくお願いします。