first working hamburger

groups/home/LibAnswers-4-js-css.html

@@ -22,6 +22,11 @@ body {
         text-align: center;
 }
 
+#hamburger {
+        float: left;
+        border: none;
+}
+
 #login-div {
         float: right;
         padding-right: 17px;
@@ -298,11 +303,15 @@ a.no-underline { text-decoration: none; }
         .yamm2 { max-width: 50vw; }
         .yamm3 { max-width: 40vw; }
 
+        #hamburger-alternative { display: none; }
+
         #corona-alert { margin-top: 10px; }
 }
 
 @media only screen and (min-width: 768px) {
 
+        #hamburger { display: none; }
+
         .zero-margin { margin: -2px; }
 
         #blue-border1 {

groups/home/LibAnswers-SlideOutChat-4.html

@@ -11,6 +11,18 @@
                          </div>
                          <div class="row">
                                 <div class="col-xs-12" id="header-div">
+                                        <div class="dropdown">
+                                                <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" id="hamburger">
+                                                        <i class="fas fa-bars" style="font-size: 2em;"></i>
+                                                </button>
+                                                <ul class="dropdown-menu" aria-labelledby="hamburger">
+                                                        <li><a href="#">Action</a></li>
+                                                        <li><a href="#">Another action</a></li>
+                                                        <li><a href="#">Something else here</a></li>
+                                                        <li role="separator" class="divider"></li>
+                                                        <li><a href="#">Separated link</a></li>
+                                               </ul>
+                                        </div>
                                         <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" class="no-underline" id="login-div">Renew / Request Items</a>
                                         <img id="library-logo" class="image-fail" alt="Kibbee Library logo" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" />
                                          <div id="corona-alert" type="button" data-toggle="modal" data-target=".bs-example-modal-sm">
@@ -31,7 +43,7 @@
                                  <!-- End modal -->
 
                          </div>
-                         <div class="row">
+                         <div class="row" id="hamburger-alternative">
                                 <div class="col-xs-12">
                                         <nav class="navbar navbar-default yamm">
                                                 <div class="container-fluid">