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の数値部分は適宜ご変更ください。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!