ロゴ画像を大きくしたい場合、下記CSSを子テーマのstyle.cssなどに追記していただくことで変更可能です。
※ただし注意点として、ロゴのサイズによってはグローバルメニューに設置するメニューの数を減らす必要があります。(通常6個設置できるところを、5個にするなど)減らさない場合はロゴ部分にメニューが被ってしまう可能性があるからです。
/* PC・タブレットの場合のロゴサイズを大きく */
@media only screen and (min-width: 768px) {
#logo{
width:22%;
margin-top:43px;
}
}
/* スマホの場合のロゴサイズを大きく */
@media only screen and (max-width: 767px) {
#logo a img{
max-height: 42px;
}
}
※数値はお好みで変更してください。
また、画像ではなくフォントサイズを変更したい場合は、下記のように記述します。
/* PC・タブレットの場合のロゴ文字サイズを大きく */
@media only screen and (min-width: 768px) {
#logo{
font-size:2em;
}
}
/* スマホの場合のロゴ文字サイズを大きく */
@media only screen and (max-width: 767px) {
#logo{
font-size:1.8em;
}
}



















