ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマAGENT:ロゴの大きさをスマホだけ変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.スマホのみロゴの大きさを変更したい

AGENTでは、PC・スマホともに同じロゴ画像が適用される仕様となっております。

A.テーマオプションのカスタムCSS欄に下記コードを追記します

@media (max-width: 1199px) {
#logo_image h1#logo img { max-height: 〇px!important; }
}

〇に任意の数値(最大縦幅)を設定してください。デフォルトは20pxです。
ロゴ画像の横幅は設定した最大の縦幅に合わせて可変します。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事