Question
スマホ用メインビジュアルの上部に余白が空いてしまいます
- L LCON
-
スマホ用のメインビジュアルの上部に細い余白が開いてしまします、メニューやロゴ、画像等見直しましたが、改善できません。お手数ですが対策をご教示いただければと思います。
問題となるページ : https://leaf-inst.com/- WP 6.5.2
- ロリポップ
- GoogleChrome
- macOS Mojave
スマホ用のメインビジュアルの上部に細い余白が開いてしまします、メニューやロゴ、画像等見直しましたが、改善できません。お手数ですが対策をご教示いただければと思います。
問題となるページ : https://leaf-inst.com/
こんにちは!
2024/05/02 16:06こちらのご質問にも対応させていただきますね。
お手数おかけしますが、実際のサイトのURLをご共有いただけますか?
よろしくお願いいたします!
ご返信ありがとうございます。
第三者様のサイトなため、ここでの公開を控えたいのですが、他の場所での共有等でも大丈夫でしょうか。切り取ってありますが、スクリーンショットを載せておきます。
2024/05/06 23:22
画像ありがとうございます!
2024/05/07 20:52「質問を立てるを編集」からサイトURLを非公開にすることもできますので、ご検討いただければと思います!
ありがとうございます。URL設定いたしました。
2024/05/07 22:47URLありがとうございます!
2024/05/08 16:24ヘッダーのアンダーラインが影響してそうですね、、
一旦、管理画面「外観」>「カスタマイズ」>「サイトデザイン設定」>「ヘッダー」>「背景装飾」の項目を「なし」にしてみていただけますか??
ご確認お願いいたします!
ありがとうございます。
2024/05/08 23:27記述いただいた工程で、白いラインは解消されました。
その工程で他のページのヘッダー背景色がなくなってしまいましたが、別手順で追加できるのでしょうか。、
また追従もさせたいです。
2024/05/09 01:13ご確認ありがとうございます!
2024/05/10 09:57今は追従させている状態ですよね...??
"その工程で他のページのヘッダー背景色がなくなってしまいましたが、別手順で追加できるのでしょうか。、"
↓
こちらに関しては、もともと透明なので、ページの背景色の影響を受けるイメージですね、、
(今の色設定ですと、白いページだとヘッダーが見にくくなって、黒いページだと見やすい感じです)
一旦、追加CSSに以下のコードを書いてみて変化があるかご確認いただけますか?
おそらく追従の時に見やすくなると思うのですが...
#commonHeader.js--follow-header-display {
background-color: rgba(0, 0, 0, 0.3)!important;
}