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

ワードプレステーマ別

TCDテーマAn:スマホ表示時のヘッダーでもロゴ画像を表示する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.スマホ閲覧時にヘッダーロゴを表示させたい。

PC閲覧のときにはテーマオプションで設定したヘッダーロゴが表示されるのですが、スマホ閲覧時にはサイトタイトルのみの表示になってしまいます。スマホでもヘッダーロゴ画像を表示できるようにはならないでしょうか?

A.下記の方法で対応してください。

外観>カスタマイズ>追加CSSに入力してください。

@media screen and (max-width: 640px){
  #logo img { display: block!important; }
  #logo a:before { display: none; }
}

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

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

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