first commit

app/menu-fix.css

@@ -0,0 +1,81 @@
+/* Fix for Menu Visibility */
+.navbar-collapse.show {
+  display: block !important;
+  visibility: visible !important;
+  opacity: 1 !important;
+  max-height: 100vh;
+  overflow-y: auto;
+}
+
+/* Fix for Dropdown Menu Visibility - High Specificity */
+
+/* When open via click (class .menu-open) */
+.header-area .navbar-nav li .softora-dd-menu.menu-open {
+  display: block !important;
+  visibility: visible !important;
+  opacity: 1 !important;
+
+  /* Mobile specific resets */
+  position: static !important;
+  float: none !important;
+  box-shadow: none !important;
+  padding-left: 20px !important;
+  background: transparent !important;
+}
+
+/* Desktop overrides for .menu-open */
+@media (min-width: 992px) {
+  .header-area .navbar-nav li .softora-dd-menu.menu-open {
+    position: absolute !important;
+    background: #FFFFFF !important;
+    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
+    padding-left: 0 !important;
+    top: 100% !important;
+  }
+}
+
+/* Force hide on mobile when not open */
+@media (max-width: 991px) {
+  .header-area .navbar-nav li .softora-dd-menu:not(.menu-open) {
+    display: none !important;
+  }
+}
+
+/* Ensure items are visible when menu is open */
+.header-area .navbar-nav li .softora-dd-menu.menu-open li {
+  opacity: 1 !important;
+  visibility: visible !important;
+  transform: none !important;
+}
+
+/* Ensure links are visible and have correct color */
+.header-area .navbar-nav li .softora-dd-menu.menu-open li a {
+  opacity: 1 !important;
+  visibility: visible !important;
+  color: #222222 !important; /* Force dark color */
+}
+
+.header-area .navbar-nav li .softora-dd-menu.menu-open li a:hover {
+  color: #601FEB !important;
+}
+
+/* Ensure Toggle Icon is cursor pointer */
+.dropdown-toggler {
+  cursor: pointer;
+  display: flex !important;
+}
+
+/* Text Color Fixes for top level */
+.header-area .navbar-brand,
+.header-area .navbar-nav .nav-link, 
+.header-area .navbar-nav li > a {
+  color: #222222;
+}
+
+.header-area.mobile-menu-open {
+  background-color: #fff !important;
+}
+
+.collapse:not(.show) {
+  display: none !important;
+}