82 lines
2.0 KiB
CSS
82 lines
2.0 KiB
CSS
/* 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;
|
|
}
|