/*
Theme Name: Lightning Child 
Theme URI: ★ rinrin3.jp ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ kyan ★
Tags: 
Version: 0.5.1
*/

/* モバイルでナビゲーションメニューを表示する */
:root {
  --mobile-nav-column-num: 3; /* ナビゲーションの列数*/
  --mobile-nav-list-column-gap: 2px; /* 各メニュー間の横方向Gap*/
  --mobile-nav-list-row-gap: 0.8em; /* 各メニュー間の縦方向Gap */
}
@media (max-width: 991.98px) {
  .global-nav {
    display: block;
    margin-bottom: 0.8em;
  }
  .global-nav-list {
    justify-content: start;
    flex-wrap: wrap;
    column-gap: var(--mobile-nav-list-column-gap);
    row-gap: var(--mobile-nav-list-row-gap);
  }

  .global-nav-list > li {
    padding: 0 !important;
    flex-basis: calc(
      (100% - var(--mobile-nav-list-column-gap) * (var(--mobile-nav-column-num) - 1)) / var(--mobile-nav-column-num)
    );
  }
}
CSS