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

ワードプレステーマ別

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

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; }
}

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

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

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