ロゴ画像のサイズを大きくしたい

ストークでロゴ画像を大きく表示したい場合、下記CSSを子テーマのstyle.cssなどに追記していただくことで変更可能です。

@media only screen and (min-width: 768px) {
 #container #logo img{
 max-height:initial;
 }
}

※上記は横幅768px以上のデバイスでのみ適用されます。スマートフォンではこれまで通りの表示サイズとなりますので予めご確認ください。
※また上記コードは「ロゴ画像」を設定されている場合にのみ有効です。テキストのフォントサイズを変更したい場合は下記コードを参考にしてください。

テキストロゴの場合のフォントサイズ変更方法

ロゴ部分を画像ではなくテキストロゴで指定している場合で、フォントサイズを変更したい場合は、下記CSSを子テーマのstyle.cssなどに追記していただくことで変更可能です。PCとスマートフォン用にそれぞれ別に指定することをおすすめいたします。

▼PC用

/* ロゴサイズ変更（PC用） */
@media only screen and (min-width: 768px) {
 #container #logo .h1.text{
 font-size:3em;
 }
}

▼スマートフォン用

/* ロゴサイズ変更（スマートフォン用） */
@media only screen and (max-width: 767px) {
 #container #logo .h1.text{
 font-size:2.5em;
 }
}

おすすめのWordPressテーマ