To customize color and font of Dropdown Menu, you can follow these.
#1. With Color
To change Dropdown Menu background color, you can use this CSS code
div.header-nav-folder-content {
background-color: #f1f !important;
}
To change Dropdown Item color, you can use this CSS code
div.header-nav-folder-content a {
color: #f1f !important;
}
To change Dropdown Title Color, use this CSS code
a.header-nav-folder-title {
color: gold !important;
}
To change Dropdown item color on hover, use this CSS code
div.header-nav-folder-content div:hover a {
color: #f1f !important;
}
To change Dropdown item background on hover, use this CSS code
div.header-nav-folder-content div:hover {
background-color: #f1f !important;
}
#2. With Font
To change Dropdown title font, use this CSS code. Replace monospace with font name what you want
a.header-nav-folder-title {
font-family: monospace;
}
To change Dropdown Items font, use this CSS code
div.header-nav-folder-content a {
font-family: monospace;
}
