【テーマ編集】スマホ表示時にヘッダーロゴ画像を表示する

サイトのロゴ表示をスマホ閲覧時にはテキストにする仕様のWordPressテーマをカスタマイズする一例です。

編集するテーマ:Reviewer TCD026
編集するファイル:style_sp.css

サイトのかなめ
テーマ作者の狙った機能を損なう恐れってあるのかな?

サーバーガール
それは…あるかもね。タイトル変更プラグインとか。

サイトのかなめ
このサイトはこのカスタム適用済みだけどね。

サーバーガール
自己責任でね。

ロゴ画像を表示する

display:none; を消して、
サイズ max-width:100%; height:auto; を指定する。

テキスト表示のサイトタイトルを削除する

#logo a:before { content:attr(data-label); } を削除する。


関連記事