採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマLAW:スマホ用ロゴ画像をretinaディスプレイ対応にする方法

Q.スマホ表示のロゴをretinaディスプレイ対応にできますか?

PC表示用のロゴ画像をretinaディスプレイに対応させたい場合は、
下記のカスタマイズ事例記事をご参照ください。
ロゴ画像をretinaディスプレイ対応にする(カスタムCSS使用)

A.下記の方法をお試しください。

外観>TCDテーマオプション>ロゴの設定内「スマホ用ヘッダーロゴ画像」におきまして、
表示させたいサイズの2倍のサイズのロゴ画像をアップロードします。(リサイズは不要)

TCDテーマオプション>基本設定内のカスタムCSSに下記を入力します。

@media screen and (max-width: 767px) {
#logo_image_mobile img { max-width: 325px; }
}

※325pxの数値部分は適宜ご変更ください。

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

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

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