Add underline to dropdown menu in desktop view.
If you hover over “Portfolios” it has two sub pages. I would like to improve the look of the grey drop down box and add a hover underline when “Brand Portfolio” or “Portraiture Portfolio” are hovered over.
You assisted before in providing the following CSS code, which is a great help but does not give me the same thickness and colour as the other menu underlines.
@media only screen and (min-width: 75em) {
.navigation-classic .main-navigation ul ul a:hover,
.navigation-classic .main-navigation ul ul a:focus {
text-decoration: underline; }
}
For the menu underline CSS, how can I get the same thickness and colour as the other menu underlines?
text-decoration-thickness and text-decoration-color?
Hex colour is: #e54d39