Hi there! I'm trying to custom my hamburger menu to be responsive with my desktop.
When I hover over my menu items on mobile, they won't change colors.
I'd also like my folder menu to drop down vertically rather than another page.
Heres some of my code I've been using:
.header-nav *, nav.header-menu-nav-list * {color: #838181 !important;
}
/*contact button*/
.header-actions-action .btn {
padding: 0px 0px;
font-family: 'DM Mono' !important;
font-size: 40px;
color: #68A4FF !important;
border-color: #68A4FF !important;
min-height: 0vh !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.header-actions .btn:hover {background-color: #68A4FF!important;
color: white !important;}
/* change header nav active style */
.header-nav-item--active a {
color: #000000 !important;
background-image: none !important;
}
/* add header nav hover effect */
.header-nav-wrapper a:hover {
color: #68A4FF !important;
}