Bootstrap mobile breakpoint expands nav

Question

I have a WordPress site which uses Bootstrap. For some reason, when I adjust my Chrome window, in mobile breakpoint (when the window is exactly the same width as the breakpoint), the mobile nav expands. When it's larger or smaller than the breakpoint, it collapses.

It's mostly annoyance, but I can't figure it out. Why does this happen?

EDIT:

This is the _variables.scss code:

$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
$screen-phone:               $screen-xs-min !default;

EDIT EDIT:

Changing the _variables.scss line:

$grid-float-breakpoint-max: ($grid-float-breakpoint -1) !default;

to

$grid-float-breakpoint-max: ($grid-float-breakpoint) !default;

solved the problem. @henrywright's solution is correct, thank you.

Answer 1

Using the Customizer , try adjusting the value of @grid-float-breakpoint . This will modify the point at which the navbar becomes uncollapsed.