wordpressのカスタマイズについて

Question

ECマスターズ　ご担当者様

wordpressのカスタマイズについて質問です。

現在こちらのサイト

https://orlo-osaka.com/

をwordpressで運用していますが
PCであればロゴ画像が表示されるのですが
テーマの設定上、スマホで見た際にテキスト表示されるのを
スマホで見た際でもロゴを表記させることは可能でしょうか？

以上ご確認宜しくお願い致します。
お返事お待ちしております。

念の為、ログイン情報を記載します。
(19/7/26 15:46 田中にて削除)###HR######IMG0e7ac75ef3e8d45d7d5c34bd60e5b1bfe.jpegIMG0###

Accepted Answer

ECマスターズの田中です。

失礼しました、
画像表示用のCSSが、既存のCSSより優先度が低く
反映されておりませんでしたので、
お手数ですが、下記内容に差し替えていただきますようお願いします。
（「body 」を追記しております）

@media screen and (max-width:640px) {
body #logo_image img { display:inline-block; width: 100%;}
#logo_image a:before { display: none; }
}

Answer

ECマスターズの田中です。

> PCであればロゴ画像が表示されるのですが
> テーマの設定上、スマホで見た際にテキスト表示されるのを
> スマホで見た際でもロゴを表記させることは可能でしょうか？

外観 > カスタマイズ > 追加CSS
より、下記のCSSを追記の上、
表示をご確認いただきますようお願いいたします。

@media screen and (max-width:640px) {
#logo_image img { display:inline-block; width: 100%;}
#logo_image a:before { display: none; }
}

問題なく修正された後、テーマの更新を行われた際は、
スマートフォンにてロゴが問題なく表示されているかどうか、
万が一表示されなくなった場合は「追加CSS」の内容が空白になっていないかどうか、
ご確認いただきますようお願いいたします。

Answer

ECマスターズ　田中様

お世話になります。

 >外観 > カスタマイズ > 追加CSS
 >より、下記のCSSを追記の上、
 >表示をご確認いただきますようお願いいたします。

 >@media screen and (max-width:640px) {
 >#logo_image img { display:inline-block; width: 100%;}
 >#logo_image a:before { display: none; }
 >}
>問題なく修正された後、テーマの更新を行われた際は、
>スマートフォンにてロゴが問題なく表示されているかどうか、
>万が一表示されなくなった場合は「追加CSS」の内容が空白になっていないかどうか、
>ご確認いただきますようお願いいたします。


こちら修正しましたが
スマホで見た場合、ロゴの部分が空白になります。

追加CSSの箇所は空白になっていませんでした。

以上ご確認宜しくお願い致します。
お返事お待ちしております。###HR######IMG04b74a631149bdb16bacfe67d23804735.jpegIMG0######BR###

Answer

ECマスターズ　田中様

お世話になります。

>失礼しました、
>画像表示用のCSSが、既存のCSSより優先度が低く
>反映されておりませんでしたので、
>お手数ですが、下記内容に差し替えていただきますようお願いします。
>（「body 」を追記しております）

こちら差し替えました。
無事にスマホでロゴが表示されました。

ありがとうございます。