テーマご購入後はメールでの無料サポートがあります。

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

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

おすすめのWordPressテーマ

ブロックエディタ」に完全対応したSTORK19。

CHECK! OPENCAGEのアフィリエイトプログラムについて /