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

ワードプレステーマ別

TCDテーマSOLARIS:グローバルメニューを右寄せで表示させる方法

WordPressテーマ「NULL」

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

ダウンロード

Q.質問内容

グローバルメニューはブラウザの幅が一定以下になった場合ハンバーガーメニューになりますが、項目の数が多いため、小さい画面で見た場合、ハンバーガーメニューになるまでに左端の項目がロゴの下に隠れてしまいます。すべての項目を表示させることは出来ますか。

<変更箇所イメージ>
変更箇所イメージ
TCDテーマ開発部よりグローバルメニューでは、メニュー数に制限はないものの、多すぎたり少なすぎたりするとデザイン上の見映えが悪くなります。TCDテーマでは全体のバランスを考慮してフォントサイズや各マージンを決めているので、これらの変更はあまりおすすめしていません。
 
デモサイトと同じくらいのメニュー数がもっとも美しく見えますので、まずは一度メニュー構成をを再考頂けるとうれしく思います。

A.下記の方法をお試しください。

管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。

#global_menu ul {
    text-align: right;
    margin-right: 50px;
}

 
より良いサイトに仕上げるためには、以下のような記事も参考にしてみてください。

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

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

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