賢威のグローバルメニューを中央にするCSS

※当サイトにはプロモーションが含まれています。

（賢威7.1のテンプレートの種類によっては違うと思いますが、）賢威8.0ではグローバルメニューの位置は基本的に左寄せになっています。

にゃのらいと

グローバルメニューは左寄せじゃなく、中央寄せにしたいにゃ

ということで、グローバルメニューを中央（センター）にするCSSです。

なお、この記事を作成している時点での、ワードプレスのテーマと環境は以下の通りです。

グローバルメニューを中央にするCSS

賢威のグローバルメニューを中央にするCSSです。

/* グローバルメニューを中央 */
@media (min-width: 768px) {
.keni-gnav_inner > ul {
display: block;
width: 100%;
text-align: center;
}
.keni-gnav_inner li {
display: inline-block;
}
}

このCSSを適用すると、次のように表示されます。

グローバルメニューを中央寄せにしたい場合は、上記のコードを追加CSSに記載して下さい。

補足：ワードプレスの「追加CSS」の編集箇所について

現在のワードプレステーマにCSSを追加したい場合、左メニューにある、

外観 > カスタマイズ

を選択します。

「追加CSS」を選択します。

追加したいCSSを記述します（コピペして貼り付けます）。

「公開」ボタンを押して保存すれば完了です。

※全角スペースが入るとレイアウトが崩れる事があります。余計な全角スペースが入らないように気を付けてください。

なお、ブラウザにキャッシュが残っていると、前のデザイン（CSS）が表示されたり、デザインが崩れて表示される事があります。

その際は、強制リロード（ハードリフレッシュ）をしてみてください。

各ブラウザごとの、強制リロードの方法は次の通りです。

強制リロードをすることで、ブラウザがキャッシュを無視し、最新のコンテンツを再読み込みします。