From: Brett Mason <brettsmason@users.noreply.github.com>
Date: Tue, 20 Jun 2017 19:31:52 +0000 (+0100)
Subject: Fix menu wrapping issue
X-Git-Tag: v6.4.0-rc5~14^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10221%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix menu wrapping issue

Fixes issue identified with incorrect `wrap`/`nowrap` usage with the reworked menus.
---

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index c2e28019c..afe9e9a1f 100644
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -47,7 +47,7 @@ $menu-item-background-hover: $light-gray !default;
 
   @if $global-flexbox {
     display: flex;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
   }
 
   li {
@@ -160,7 +160,7 @@ $menu-item-background-hover: $light-gray !default;
 @mixin menu-direction($dir: horizontal) {
   @if $dir == horizontal {
     @if $global-flexbox {
-      flex-wrap: nowrap;
+      flex-wrap: wrap;
       flex-direction: row;
     }
     @else {
@@ -171,7 +171,7 @@ $menu-item-background-hover: $light-gray !default;
   }
   @else if $dir == vertical {
     @if $global-flexbox {
-      flex-wrap: wrap;
+      flex-wrap: nowrap;
       flex-direction: column;
     }
     @else {