新テーマ「ストークSE」をリリースしました!

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

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

NEWモデル

STORK SE

よりコンテンツに集中させるテーマ
STORK SE(ストークSE)

STORK SEはシングルカラム(1カラム)に特化したテーマなので、より訴求力の高いページやブログ記事を作成するのに向いています。

究極のモバイルファーストテーマ
STORK19(ストーク19)

ブログを書くのが楽しくなる仕掛けや機能がたっぷり!STORK19は読む人も書く人も快適なWordPressテーマです。

ABOUT US
アバター画像
オープンケージ
ブロガー・アフィリエイター向けのWordPressテーマを制作しています。