Menu dropdown issue with nested items
Hi on this test site https://stage.dembetheatre.org/
I have a dropdon menu that has an icon that is used in mobile menu to open close nested levels
for the desktop version i have an issue in the i need the icon backround and color to change when the <li> is hovered but at the moment only the main element is taking the hover state, i need to include the icon background and color...
please let me know what i am missing, i have tried removing all styles from all elements other than the li but i am unable to target the icon element to change state when the associated nav item is hovered
DEMBE Theatre
Theatre at the heart of Tring
Theatre at the heart of Tring, A unique performance and event space for community & professional use. An Academy programme for education & participation in all aspects of the production process. A sustainable, vibrant & creative venue that encapsulates the spirit of Tring
3 Replies
you have the hover states on
.nav__menu li a:hover { }
that will target the <a>'s separately (text / icon)
change it to
.nav__menu li:hover a { }
so both the text and icon <a>'s get the color when hovering the li
Thanks Mark
lesson learned
Appreciate the help, thank you