From 5d9bae1f0f0175b7c60c14e1268e9de98d842650 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <pablo@blender.org>
Date: Wed, 22 Jul 2020 18:32:48 +0200
Subject: [PATCH] Blender Cloud: Fix responsive issues on navigation.

---
 src/styles/components/_navbar.sass | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/styles/components/_navbar.sass b/src/styles/components/_navbar.sass
index 5464479f..a8f74a1f 100644
--- a/src/styles/components/_navbar.sass
+++ b/src/styles/components/_navbar.sass
@@ -85,6 +85,10 @@
 				width: 30px
 
 			&.subscription-status
+				+media-xs
+					padding-left: $spacer
+					padding-right: $spacer
+
 				a, a:hover
 					color: $white
 
@@ -136,6 +140,9 @@ $nav-secondary-bar-size: -2px
 .nav-secondary
 	align-items: center
 
+	+media-xs
+		margin-right: $spacer
+
 	.nav-link
 		color: $color-text
 		cursor: pointer
@@ -318,6 +325,13 @@ body.has-overlay
 .navbar-toggler
 	border: none
 
+.navbar
+	.navbar-collapse
+		display: none
+
+		&.show
+			display: initial
+
 // Mobile layout
 @include media-breakpoint-down(sm)
 	.navbar