Q【スマホ版ヘッダーデザインについて】 調べに調べても解決方法が見つからない…JIN解決済みユーザー11212022.02.18 12:18【スマホ版ヘッダーデザインについて】 調べに調べても解決方法が見つからないため、解決策が分かる方にご教授頂きたいです。 PCよりヘッダー画像を選択したのですが、スマホで確認するとヘッダー画像の上に空白の部分が表示されてしまいます。WPカスタマイズ画面のプレビュー（PC・スマホ両方）で確認すると表示されず、自分のスマホで確認すると表示されてしまいます。よろしくお願いいたいします。共感した 0シェアX（旧 Twitter）FacebookはてなブックマークLINEURL をコピー閲覧数 99回
ユーザー660さん2022.02.18 13:36JIN のヘッダー（header）設定にて、何かしらのが設定されていますね。WordPress の管理画面から、「外観」→「カスタマイズ」と進み、「ヘッダー設定」や「ヘッダー画像設定」を確認してみてください。ナイス！0
ユーザー1121さん質問者2022.02.18 23:54j_jetstreamさん本件解決にご協力頂きありがとうございました！原因となっているコードを画像つきで教えて頂き、それでも自力で解決出来なかった時に続けて解決策をご教授頂きました。ブログ相談ドットコムの利用は初めてだったのですが、実際に解決出来て感動しています。一方的なギブにならないよう、他の人の悩みも自分ごととして相談に乗ってあげたり解決に導けるよう学んでいきます！
ユーザー1121さん質問者2022.02.18 19:41@j_jetstreamさんコメントありがとうございます！ご教授いただいた通り「ヘッダー設定」「ヘッダー画像設定」、そのほかにも「サイトデザイン設定」など全て試して保存→プレビューとスマホで確認までの実施をしましたが解決出来ませんでした。。「ヘッダーを非表示」にすると問題の空間はスマホ画面上消え、ヘッダーのみになりましがPC画面上のヘッダーが消えてしまったり。。の状況です。送って頂いた画面で対象のコードを消す方法が出来ればと思ったのですが、表示方法等ご教授頂けますでしょうか。重ね重ね申し訳ございません。ナイス！0ユーザー660さん2022.02.18 20:23こちらを試してみてください。https://jin-theme.com/manual/sp-header-none/ナイス！1ユーザー660さん2022.02.18 21:54現在は「問題の空間」が消えていますね。ナイス！0ユーザー1121さん質問者2022.02.18 23:50@j_jetstreamさんJINマニュアルに載っていたこと、自身で探しきれずすみません。URL教えて頂きありがとうございます！自分の私用スマホで見るとどうしても「問題の空間」が残ってしまっていたので、頂いたマニュアルURLからCSS追加して改善しようと思います。何故か今実施しようとしたらエラーになってしまったので、また時間空けてトライしてみます。ありがとうございました！！ナイス！0
ユーザー1121さん質問者2022.02.18 23:50@j_jetstreamさんJINマニュアルに載っていたこと、自身で探しきれずすみません。URL教えて頂きありがとうございます！自分の私用スマホで見るとどうしても「問題の空間」が残ってしまっていたので、頂いたマニュアルURLからCSS追加して改善しようと思います。何故か今実施しようとしたらエラーになってしまったので、また時間空けてトライしてみます。ありがとうございました！！ナイス！0
みんなのコメント 5件
ベストアンサー
JIN のヘッダー（header）設定にて、何かしらのが設定されていますね。
WordPress の管理画面から、「外観」→「カスタマイズ」と進み、「ヘッダー設定」や「ヘッダー画像設定」を確認してみてください。
質問者からのお礼コメント
j_jetstreamさん
本件解決にご協力頂きありがとうございました！
原因となっているコードを画像つきで教えて頂き、それでも自力で解決出来なかった時に続けて解決策をご教授頂きました。
ブログ相談ドットコムの利用は初めてだったのですが、実際に解決出来て感動しています。
一方的なギブにならないよう、他の人の悩みも自分ごととして相談に乗ってあげたり解決に導けるよう学んでいきます！
@j_jetstreamさん
コメントありがとうございます！
ご教授いただいた通り
「ヘッダー設定」「ヘッダー画像設定」、そのほかにも「サイトデザイン設定」など全て試して保存→プレビューとスマホで確認までの実施をしましたが解決出来ませんでした。。
「ヘッダーを非表示」にすると問題の空間はスマホ画面上消え、ヘッダーのみになりましがPC画面上のヘッダーが消えてしまったり。。の状況です。
送って頂いた画面で対象のコードを消す方法が出来ればと思ったのですが、表示方法等ご教授頂けますでしょうか。重ね重ね申し訳ございません。
こちらを試してみてください。
https://jin-theme.com/manual/sp-header-none/
現在は「問題の空間」が消えていますね。
@j_jetstreamさん
JINマニュアルに載っていたこと、自身で探しきれずすみません。
URL教えて頂きありがとうございます！
自分の私用スマホで見るとどうしても「問題の空間」が残ってしまっていたので、頂いたマニュアルURLからCSS追加して改善しようと思います。
何故か今実施しようとしたらエラーになってしまったので、また時間空けてトライしてみます。
ありがとうございました！！
あなたの経験や知識を共有しませんか？
ほかのユーザーの相談に、コメントで参加してみましょう。
ログインしてコメントするはじめての方は無料登録