Update templates/menu.html

templates/menu.html

@@ -127,24 +127,30 @@
         .dropdown-menu .dropdown-item:hover {
             background-color: #f1f1f1;
         }
-        .fixed-search-container  {
+        .fixed-search-container {
             position: fixed;
-            top: 80px;
+            top: 90px; /* Move it slightly lower */
             left: 50%;
             transform: translateX(-50%);
             width: 80%;
             max-width: 600px;
-            z-index: 1000;
+            z-index: 999; /* Keep it above content */
             background-color: white;
             padding: 10px;
             border-radius: 25px;
             box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
         }
 
-        /* Add some margin to the menu container so it doesn't overlap with the search bar */
+        /* Ensure the category filter dropdown does not overlap */
+        form.text-center.mb-4 {
+            margin-top: 120px !important; /* Increase spacing below search bar */
+        }
+
+        /* Ensure the container has enough margin so nothing is overlapped */
         .container {
-            margin-top: 70px;
+            margin-top: 180px; /* Adjust spacing based on navbar and search bar */
         }
+
         .fixed-top-bar {
             position: fixed;
             top: 0;