From f01b027da0d7fcf30700a9af3f51ff71f0172e09 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Thu, 15 Feb 2018 11:29:29 +0000
Subject: [PATCH] Make sure the menu behaviour does not change in desktop
 resolutions.

---
 .../web/public/stylesheets/components/navbar.less     | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/services/web/public/stylesheets/components/navbar.less b/services/web/public/stylesheets/components/navbar.less
index 52e3bd2599..cd2a534e2d 100755
--- a/services/web/public/stylesheets/components/navbar.less
+++ b/services/web/public/stylesheets/components/navbar.less
@@ -95,6 +95,7 @@
     margin: 0;
   }
   .navbar-collapse {
+    // Use absolute positioning to build the hamburger menu.
     position: absolute;
     left: 0;
     width: 100%;
@@ -102,6 +103,16 @@
     background-color: @navbar-default-bg;
     border-bottom: solid 1px @navbar-default-border;
     padding: 0 @navbar-default-padding-h;
+
+    @media (min-width: @grid-float-breakpoint) {
+      // Get back to regular layout mode as soon as the menu items are 
+      // expanded (i.e. not contained within the hamburguer menu).
+      position: static;
+      background-color: transparent;
+      border-bottom: 0;
+      padding-right: @navbar-padding-horizontal;
+      padding-left:  @navbar-padding-horizontal;
+    }
   }
 }
 // Both navbar header and collapse