From 9926ebf7cc881fb1404ad68fc1b3c5c25f5d5fcf Mon Sep 17 00:00:00 2001
From: Sravan Balaji <balajsra@umich.edu>
Date: Mon, 13 Apr 2020 18:24:04 -0400
Subject: [PATCH] Fix Navbar Toggler

Navbar toggler wouldn't show up on mobile or on small width screens.
Fixed it by adding css styling to apply 3 lines icon and background color.
---
 Web Pages/styles.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/Web Pages/styles.css b/Web Pages/styles.css
index 3e0ce75..724a0f3 100644
--- a/Web Pages/styles.css	
+++ b/Web Pages/styles.css	
@@ -23,6 +23,14 @@ body {
     color: #30C5FF;
 }
 
+.my-nav .navbar-toggler-icon {
+    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 39, 76, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
+}
+
+.my-nav .navbar-toggler {
+    background: #FFCB05; /* pick your color */
+}
+
 .container-fluid {
     color: #000000;
     font-size: 18px;