Fix container within navbar on smallest breakpoint (#21722)

* Make container in navbar to occupy full width even on smallest breakpoint

* Fix typo in comment

* Apply fix only on smaller breakpoint

* drop the comment as chrome doesn't have a bug here

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 80beec8f3e1caba8547150591a24747a8db9566c..8dd8729bc979c1dabba56a318b6f0ef2acb81573 100644 (file)
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -20,6 +20,13 @@
   display: flex;
   flex-direction: column;
   padding: $navbar-padding-y $navbar-padding-x;
+
+  @include media-breakpoint-down(nth(map-keys($grid-breakpoints), 1)) {
+    > .container {
+      margin-right: 0;
+      margin-left: 0;
+    }
+  }
 }