ワードプレステーマSWELLで、グローバルを2段にする方法。

ワードプレステーマSWELLって、グローバルナビの項目数が多くても２段にならないんですよね。

横にはみ出してしまう↓

そこで2段にする方法を考えてみました。

設定をいろいろ探してみたんですが、どうやら2段にする設定項目はないようです。

そこでCSSを書いてみました。

そのコードがこちら↓

/*グローバルナビを2段に*/
@media (min-width: 960px) {
  .c-gnav{
    flex-wrap:wrap;
  }
  .c-gnav .menu-item{
    height:50px;
  }
}

これを、外観→カスタマイズ→追加CSSのところにコピペしてください。

これで、２段になりました↓

以上です。