css: .navbar-expand .dropdown position

Set/reset `.dropdown` position when `.navbar-expand`.

Demo: http://jsbin.com/pojecuh

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index daef7ba7a7c8a24cc825877a6313250efb403129..1133776aa38b32143da0b6cb89187b0f47ffea63 100644 (file)
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -31,7 +31,7 @@
     justify-content: space-between;
 
     @include media-breakpoint-down(nth(map-keys($grid-breakpoints), 1)) {
-      width: 100%; // prevent flex parent container(-fluid) from collapsing
+      width: 100%; // prevent flex parent container from collapsing
       margin-right: 0;
       margin-left: 0;
     }
@@ -159,6 +159,10 @@
         .navbar-nav {
           flex-direction: row;
 
+          .dropdown-menu {
+            position: absolute;
+          }
+
           .nav-link {
             padding-right: .5rem;
             padding-left: .5rem;