【コピペでできる！】simplicityグローバルナビメニューの中央寄せ

こんにちは！！ようこそ、当ブログgcbgardenへ。管理人のsakurabaaa(@sakurabaaa_g)です。

本日は、毎度お世話になっているワードプレスのテーマ「simplicity」のグローバルナビメニューをたったの2行で中央に寄せることができるコードを紹介します。

simplicityはデフォルトの設定だとこのように左側に寄ってしまっています。

simplicityのグローバルナビメニューは左寄せ

とってもおしゃれなのですがぼくはなんとかして中央に寄せることができないかな〜と考え、ぽちぽちグーグル先生と格闘していましたら出会いました！！

たったのCSS2行でSimplicityのグローバルナビメニューを中央に寄せることができるコードに！！

グローバルナビメニューを中央へ

以下のコードをSimplicityのスタイルシート (style.css)にぺたりとコピペするだけでグローバルナビメニューの中央寄せが実現できます。

例えばこんな感じになります！！

simplicityのグローバルナビメニューを中央に寄せる

お〜〜〜ついにできた！！！ と、感動してしまいました。笑

グローバルナビメニューの中央寄せに迷っていましたら、ぜひこちらのコードを試してみてください！

参考【コピペでできる！】「simplicity」に行った10のCSSカスタマイズ

上記のコードをそのままスタイルシート (style.css)にコピペするとスマホ画面にメニューが強制的に表示されてしまうケースがあったので、その場合は以下のコードでレスポンシブデザイン対応をお願いします。
これをコピペでPCのみの対応になります。試してください！！

以下の記事でレスポンシブデザインについて書いています。

【コピペでできる！】スマホCSSレスポンシブデザイン対応

PC・タブレット・スマホCSSレスポンシブデザイン対応のための備忘録 こんにちは！！ようこそ、当ブログgcbgardenへ。管理人のs...

gcbgarden.com

2017-04-19 20:30

sakurabaaa_g

この記事を書いた人。
20代。とあるネットベンチャーでがんばる働き屋さん、ブロガー。
書きたいことを気ままに書いてます！
Python、プログラミング、米株、カメラ、野球観戦がすき。趣味は新宿散策。