ヘッダーナビゲーションの上下余白はデフォルトで指定されているのだと思いますが、調整可能にできるでしょうか?
テーマとしての対応が難しい、または時間を要する場合は、子テーマでのCSS調整でも良いのでやり方を教えていただけると助かります。
サイトURLが二つ記載したのは、タイミング次第でXWRITEを使う場所が入れ替わる為です。
ヘッダーの上下余白を調整したいと思った理由ですが、お客様のPCの画面サイズの小さく、しかも横長ワイドな液晶ノートPCの場合を想定して、少しでも縦方向の情報量を増やしたいと。
今現在だと上下の余白が十分あるので、もう少し自分のサイトの場合は減らしても良いと考えました。
実際に、サイトURLに2ドメインを示しておりますが、その両者のヘッダーの違いはテーマの違いによるもので、中身はほぼ同一なのですが、ご覧の通りヘッダーの上下余白は違いますが、余白が小さい方のテーマで問題なく、むしろ見た目がスッキリしている気がしました。
そんな経緯でリクエストさせていただきました。
ご質問いただきましてありがとうございます。
お手数おかけして申し訳ございませんがCSSを調整いただくのが一番早く完了できます。
サイトを拝見したところ、2箇所調整していただく必要がございます。
1.ヘッダーのサイト画像部分のCSS
.header.is-pc-left .siteInfo{ padding-top: 12px; padding-bottom: 12px; }
2.ヘッダーのウィジェットエリアのCSS
.header .header-widget{
padding-top: 6px;
padding-bottom: 6px;
}
数字の部分をお好みの数値・単位で調整していただくことができると思いますので
お試しくださいませ。
@hamada 様
早速試しているのですが、なぜか変化が無いのです。
試した事は、数値を様々に変更してみたのですが、その際に頂いたCSSを記載した場所は、以下の二つのパターンです。
以下の片方だけ変更して、ダメならもう片方で試しました。
外観〉カスタマイズ〉追加CSS
または
テーマファイルエディタにて子テーマのstyle.css
どちらも変化が出ませんでした。
着手すべき場所が違ったでしょうか?
