ロゴ画像を大きくしたい場合、下記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; } }