bootstrapで作成されるグローバルメニューボタンが表示される横幅を変更したい

WordPressとbootstrapを組み合わせてサイトを作成しております。
ヘッダのグローバルメニューを下記のように作成しました。
横幅を992px以下にするとグローバルメニューがtoggleボタンになるのですが、
それを768pxでtoggleボタンになるように変更したいです。
やり方がおわかりになる方いらっしゃいますでしょうか？

bootstrapのバージョンは4.0です
よろしくおねがいします

<nav class="navbar navbar-expand-lg navbar-light">
  <button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="ナビゲーションの切替">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <?php wp_nav_menu( $args_menu ); ?>
  </div>
</nav>

行動規範の内容に同意します

回答1件

ベストアンサー

navbar-expand-lgをnavbar-expand-mdに変更する。

html
1<nav class="navbar navbar-expand-md navbar-light">
2  <button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="ナビゲーションの切替">
3    <span class="navbar-toggler-icon"></span>
4  </button>
5  <div class="collapse navbar-collapse" id="navbarNav">
6    <?php wp_nav_menu( $args_menu ); ?>
7  </div>
8</nav>