Fix #581

CHANGELOG.md

@@ -14,6 +14,7 @@
 * Fix #389 `pre` `margin-bottom`
 * Fix #484 icon alignment
 * Fix #506 bold nav menu
+* Fix #581 nav container
 
 ## 0.4.0
 

docs/css/bulma-docs.css

@@ -4260,8 +4260,6 @@ a.nav-item.is-tab.is-active {
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
-  overflow: hidden;
-  overflow-x: auto;
   white-space: nowrap;
 }
 
@@ -4309,12 +4307,6 @@ a.nav-item.is-tab.is-active {
   }
 }
 
-@media screen and (min-width: 769px) and (max-width: 999px) {
-  .nav-menu {
-    padding-right: 1.5rem;
-  }
-}
-
 .nav {
   -webkit-box-align: stretch;
       -ms-flex-align: stretch;
@@ -4337,18 +4329,13 @@ a.nav-item.is-tab.is-active {
   display: -ms-flexbox;
   display: flex;
   min-height: 3.25rem;
+  width: 100%;
 }
 
 .nav.has-shadow {
   box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
 }
 
-@media screen and (max-width: 768px) {
-  .nav > .container {
-    width: 100%;
-  }
-}
-
 .pagination {
   font-size: 1rem;
 }

sass/components/nav.sass

@@ -72,8 +72,6 @@ a.nav-item
 
 .nav-left
   justify-content: flex-start
-  overflow: hidden
-  overflow-x: auto
   white-space: nowrap
 
 .nav-right
@@ -104,8 +102,6 @@ a.nav-item
         padding: 0.75rem
       &.is-active
         display: block
-  +tablet-only
-    padding-right: 1.5rem
 
 // Main container
 
@@ -121,10 +117,7 @@ a.nav-item
     align-items: stretch
     display: flex
     min-height: $nav-height
+    width: 100%
   // Modifiers
   &.has-shadow
     box-shadow: 0 2px 3px rgba($black, 0.1)
-  // Responsiveness
-  +mobile
-    & > .container
-      width: 100%