スマホのサイト名の上部に不要な空きスペースができてしまういつもお世話に…
Affinger
スマホのサイト名の上部に不要な空きスペースができてしまう
いつもお世話になります！
ブログ歴2年弱、アフィンガー6EXを使用している者です。
スマホ上部のブログ名の上が変に空いてしまい困っています。
左端にメニュー（ハンバーガー）、右端に検索メガネが置いていて、
その真中にブログ名が表示されるようにしたいのですが、
その真中部分はすっぽり白く空いていて、
その下にブログ名がある状態です。
ちなみに、
AFFINGER管理→ヘッダー→スマホ（タブレット含む）のみ
のところで、
・ヘッダーにキャッチフレーズを表示しない
にチェックを入れているのですが、
キャッチフレーズが消えてくれないのも悩みです。
キャッチフレーズが1行で収まらないのがイヤなので、
いっそ非表示で良いと思っているのですが、表示されてしまいます。
ハンバーガーメニューや検索メガネを消したらどうかと思ってやってみましたが、
それも結果に反映されたりされなかったりで、
いずれにせよ空きスペースがなくなりません。
見た目的に1センチとか、2センチくらいポッカリ空いてしまうこともある状態です。
スマホヘッダーの高さ（px）
の設定が100になっていたのを最小の48に変えてみましたが、
なにも変わりませんでした…。
なお、外観→カスタマイズ→サイトの基本情報
のところでキャッチフレーズを消すと、
キャッチフレーズが表示されなくなり、空きスペースもなくなります。
その場合、スマホ画面的には理想的な表示なのですが、
（キャッシュ？の問題か、ページによってハンバーガーメニューも消えたりします）
PCではキャッチフレーズも生かしたいので、大元から消してしまうのは嫌だなあと思っています。
いつからこうなってしまったのかも分からないのですが、
なにか良い改善策を教えて頂けたら有り難いです。
どうぞ宜しくお願いします！
みんなのコメント 6件
ブログ URL をお教えください。
@j_jetstream様
コメントありがとうございます。
https://jukenportal.com/
宜しくお願いします！
ご質問内容があっち行ったりこっち行ったりしている状態なので、今一度整理して簡潔な内容にしていただけると助かります。
＞スマホヘッダーの高さ（px）
＞の設定が100になっていたのを最小の48に変えてみましたが、
▶とりあえず、0 ～ 5 くらいでに設定してみれば空きスペースは消えるはずです。ただし設定直後はキャッシュが残っている可能性もあるため、キャッシュのクリアをして確かめてくださいね。
いつもありがとうございます！
遅くにスミマセンm(_ _)m
スマホヘッダーの高さ（px）は48が指定できる最小値で、それ以下を入力すると自動的に100になる仕様です。また、ここを48にしても、100にしても、結果は変わらないようでした…。
空きスペースも困るのですが、「キャッチフレーズを表示しない」にチェックを入れても表示されてしまうのはなぜなのでしょう？？
理由はわかりませんが、ヘッダー部分の padding-top が 48px に設定されているために、空白が表示されることが原因です。
また、ハンバーガーメニュー（acordion_button）もよくわからない表示になっていますね。
もし仮に padding-top を 0 に設定できたとしても、記事検索「🔍」の領域がヘッダートップを専有するため、それはそれでおかしな表示になるかと思います。
「AFFINGER ～」で検索すれば情報もいろいろと出てきますので、ネット情報を元に、一旦ヘッダー設定をやり直してみみてはいかがでしょうか。
＞空きスペースも困るのですが、「キャッチフレーズを表示しない」にチェックを入れても表示されてしまうのはなぜなのでしょう？？
▶なぜかの原因はわかりません。
ただ、こちらではキャッチフレーズが非表示となっている状態も確認しています。いろいろと設定いじっている最中なのでしょうか？
ちなみにですが、AFFINGER はサポートや公式フォーラムなどがなくあまり初心者向けではありません。今回のお悩みも、ご自身で CSS をイジれるのであれば解決する内容だったりします。
なので、これを機に CSS を勉強するか、もしくは別のテーマに移行するかをオススメします。
おはようございます。
アドバイスありがとうございます！
CSSなど勉強してみたいと思います！
あなたの経験や知識を共有しませんか？
ほかのユーザーの相談に、コメントで参加してみましょう。
ログインしてコメントするはじめての方は無料登録