LUXEでスマホ用ヘッダーロゴの高さを変更する方法|初心者向けカスタマイズ
LUXEでスマホ用ヘッダーロゴの高さを変更する方法|初心者向けカスタマイズ
LUXEでは、スマホで表示されるヘッダーロゴの推奨サイズが「横幅自由、縦幅20px」に設定されています。

スマホで表示されるヘッダーロゴの推奨サイズが「横幅自由、縦幅20px」に設定されている

スマホで表示されるヘッダーロゴの推奨サイズが「横幅自由、縦幅20px」に設定されている

今回は、このスマホ用ヘッダーロゴの高さを変更する方法を解説したいと思います。

スマホ用ヘッダーロゴの高さを変更する方法

WordPressのダッシュボード左メニューから、『外観TCDテーマオプション』という順にクリックします。

『外観→TCDテーマオプション』という順にクリックして進む

『外観→TCDテーマオプション』という順にクリックして進む

「TCDテーマオプション」ページが開くので、ページ上部の『基本設定』タブをクリックします。

ページ上部の『基本設定』タブをクリック

ページ上部の『基本設定』タブをクリック

タブが切り替わります。
ページの下の方にある「カスタムCSS」に下記のコードを入力します。

〇〇部分に任意の数値を入力してください。
※ ヘッダーの高さが60pxのため、60px以下の数値を入力してください。

例えば、ロゴの高さを50pxにする場合は下記のように記述します。

コードを入力したら、ページ最下部の『設定を保存』ボタンをクリックしましょう。

ページ最下部の『設定を保存』ボタンをクリック

ページ最下部の『設定を保存』ボタンをクリック

これで、スマホ用ヘッダーロゴの高さを変更することができます。

スマホ用ヘッダーロゴの高さが変更される

スマホ用ヘッダーロゴの高さが変更される

まとめ

今回は、LUXEのスマホ用ヘッダーロゴの高さを変更する方法を解説しました。

スマホ表示時に、もっと高さのあるロゴを表示させたい方は試してみてください。

全てのテーマを見るならこちら

スポンサーリンク

スポンサーリンク

アンケート実施中

テーマニアの内容をさらに充実させるため
アンケートを実施中です。

ご協力お願いいたします。

おすすめの記事