TCDテーマTOKI：メガメニューBを4つ並びで表示させる方法

Q.メガメニューBで、表示される記事項目を4つ並びで表示させたいです。

▼変更後のイメージ　　→変更前：TOKIデモサイト

スタイリッシュかつ認識性に優れた2つのメガメニュースタイルを搭載 – WordPressテーマ「TOKI (tcd069)」

メガメニューはヘッダーなどにあるグローバルナビゲーション部分をオンマウスした際に表示される広いスペースを活かしたメニューで、多層構造のリンクを一目で誘導できるため、主にコンテンツ量の多いサイトでその効果を発揮します。

A.下記の方法でご対応ください。

TCDテーマ＞基本設定のカスタムCSSに入力します。

.megamenu_post_list li:nth-of-type(3n) {
    margin-right: 7px;
}
.megamenu_post_list li:nth-of-type(4n) {
    margin-right: 0;
}
.megamenu_post_list li {
    width: calc(100% / 4 - 6px);
    margin: 0 7px 7px 0;
}

補足）
特定のメガメニューBだけに適用させたい場合は、デベロッパーツールでメガメニューに付与されているid（js-megamenu0000）を確認して、『#js-megamenu0000.megamenu_post_list…』のように適用範囲を限定する記述に変更します。デベロッパーツールの使用方法は以下を参考にご覧ください。

Google Chromeのデベロッパーツールの基本的な使い方を解説
Chromeのデベロッパーツールの基本的な使い方（YouTube動画）