From e7b1880b3d99630c141ebd16134c778d5b2ee856 Mon Sep 17 00:00:00 2001
From: Md Afzal Mir <108697331+4F24L@users.noreply.github.com>
Date: Fri, 18 Oct 2024 11:24:13 +0530
Subject: [PATCH] Menu Drop Down fixed for Bigger Screens (#914)

---
 responsive.css | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/responsive.css b/responsive.css
index 050abf1..8073952 100644
--- a/responsive.css
+++ b/responsive.css
@@ -8,11 +8,13 @@
     cursor: pointer;
     outline: none;
     border-radius: 10px;
+    display: none;
 }
 
 /* Dropdown container */
 .dropdown {
     position: absolute;
+    /* display: none; */
     top: 20px;
     left: 15px;
     display: inline-block;
@@ -29,6 +31,8 @@
     list-style-type: none;
     padding: 0;
     margin: 0;
+    border-radius: 10px;
+    
 }
 
 .dropdown-content li {
@@ -44,7 +48,10 @@
 }
 
 .dropdown-content li a:hover {
-    background-color: #ddd;
+    color: #ffffff;
+    background-color: #9cc9e3;
+    border-radius: 10px;
+
 }
 
 /* Show the dropdown when 'show' class is added */
@@ -164,6 +171,10 @@
     }
 
 
+    .dropbtn{
+        display:block;
+    }
+
 
 }
 
@@ -278,6 +289,10 @@
         flex-direction: row;
     }
 
+    .dropbtn{
+        display:block;
+    }
+
 
 
 }
@@ -393,6 +408,9 @@
         flex-direction: row;
     }
 
+    .dropbtn{
+        display:block;
+    }
 
 
 }
@@ -510,6 +528,9 @@
         flex-direction: row;
     }
 
+    .dropbtn{
+        display:none;
+    }
 
 
 }