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

ワードプレステーマ別

TCDテーマLogue:スマホでロゴ画像を表示させる方法

WordPressテーマ「NULL」

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

ダウンロード

Q.スマホ表示時にもロゴ画像を表示させたいです。

デフォルトの状態では、スマホ表示時のロゴ部分にはテキストが表示される仕様になっています。

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

外観>テーマオプション>基本設定内「カスタムCSS」に入力

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

 
補足)
設定しているロゴ画像が大きい場合は、下記の記述をお試しください。
(画像の横幅に最大値を設定しました。)

@media only screen and (max-width:640px) {
  #logo_image img {
    display: block;
    max-width: 250px; }
  #logo_image a:before { display: none; }
}

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

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

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