From 7bceecdc6a2e37e5e04533c67e40bcc4af88a5fc Mon Sep 17 00:00:00 2001
From: Gregory Hendrickson <gregoryroberthendrickson@gmail.com>
Date: Fri, 9 Jun 2023 17:52:40 -0700
Subject: [PATCH] fix menu for mobile

---
 static-html-directory/styles.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/static-html-directory/styles.css b/static-html-directory/styles.css
index d8f7593..fac5dfd 100644
--- a/static-html-directory/styles.css
+++ b/static-html-directory/styles.css
@@ -58,6 +58,7 @@ body {
   .dark-grey-purple header nav ul {
     display: flex;
     flex-wrap: wrap;
+    justify-content: flex-end; /* Align menu items to the right */
   }
   
   .dark-grey-purple header nav li {
@@ -146,6 +147,12 @@ body {
       display: none;
       padding-left: 20px;
       padding-bottom: 10px;
+      position: absolute; /* Change position to absolute */
+      top: 50px; /* Adjust the top position as needed */
+      left: 10px; /* Adjust the left position as needed */
+      background-color: #191919; /* Add a background color */
+      z-index: 999; /* Increase z-index to ensure visibility */
+      width: 200px; /* Adjust width as needed */
     }
   
     .dark-grey-purple header #main-nav.active {