最初に言っておきますが、
目的はヘッダー下中央にメニューを配置することです!
カスタマイズ画面でのヘッダーメニューの設定は
グローバルメニューと
Header Navigationにチェックを付けています。(有効化)
ちなみにデフォルトのデザインでは、ヘッダーメニューは右上にあったそうです。
プラグインのExUnitのcssカスタマイズのところに
css
1/* ロゴの下にメニューを配置&双方中央揃えに */ 2@media (min-width: 992px) { 3 .container.siteHeadContainer { 4 display: flex; 5 justify-content: space-between; 6 flex-wrap: wrap; 7 } 8 9 .navbar-header { 10 width: 100%; 11 order: 0; 12 float: none; 13 } 14 15 .gMenu_outer { 16 width: 100%; 17 order: 1; 18 float: none; 19 } 20 21 ul.gMenu { 22 float: none; 23 display: flex; 24 justify-content: center; 25 } 26 27 ul.gMenu li{ 28 width: 200px; 29 } 30} 31```このコードを追加してみましたが、反映されているかわかりません。 32 33写真が画像のサイズ上入れられないので、すごくわかりにくいと思いますが、もし少しでもわかりそうな方教えてください。
あなたの回答
tips
プレビュー