ロゴの表示サイズは、初期仕様では、
【PC,スマートフォン共通】
最大高さ 150px
【PC】
最大幅 320px
【スマートフォン】
最大幅 250px
となっていますが、この表示サイズを変更したい場合のカスタマイズ方法について説明します。
メニューの[外観]-[カスタマイズ] > [追加css]をクリックして、下記のcssを記述してください。
●●●の部分に、変更したい数値を記述して編集してください。
WordPressのテーマをカスタマイズする場合、親テーマ内のstyle.cssを編集してしまうと、テーマをアップデートすることにより、その変更が失われて元に戻ってしまいますが、このように、[外観]-[カスタマイズ] > [追加css]にcssを記述することで、テーマのアップデートに影響されることなく、独自のcssを追加することができます。
@media screen and (min-width: 64em){
#header #logo img {
max-width: ●●●px; /*PCロゴ 最大幅*/
}
}
@media screen and (max-width: 47.9375em){
#header #header-logo-col a img {
max-width: ●●●px !important; /*スマホロゴ 最大幅*/
margin: 0 auto;
}
}
#header #logo a img {
max-height: ●●●px; /*最大高さを150px以上に変更したい場合*/
}
