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

TCDテーマSEEED:ヘッダーのメニュー項目を右寄せで表示する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.ヘッダーでロゴ画像とメニュー項目がかぶって表示されてしまいます。

ロゴ画像の横幅やメニューの数・ラベルの長さによってはそのような状態になってしまいます。

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

1. メニュー項目を再考する

各メニューのラベルを短くする、メニューを階層化することをまずはご検討ください。

2. カスタムCSSで調整する

TCDテーマ>基本設定>カスタムCSSに以下を入力して表示をご確認ください。メニュー項目の表示位置を「50%(デフォルト)」より右にずらしています。

#global_menu { left: 56%; }

▼変更後のイメージ   →変更前:SEEEDデモサイト
変更後のイメージ

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

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

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