KPC
Kevin Powell - Communityinfuzed5940

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
No description
M
MarkBoots•16d ago
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
M
MarkBoots•16d ago
No description
I
infuzed5940•16d ago
Thanks Mark lesson learned Appreciate the help, thank you
Want results from more Discord servers?
Add your server
More Posts
how to isolate an element from specific stylesi want to isolate this .not-content element from global styles but i want an other styles to effecFailed to load resource: the server responded with a status of 404 ()how to solve this error this is a youtube clone project help me to solve this Failed to load resourcCreating UI for gameI need to create a UI element for my project I have issue creating it and it's a little challengingVscode html relative links auto updater?Hello all, In Vscode if i move one of my root html files with navigation bar and links into a new fDNS records when moving from Digital Ocean to CloudflareHi all, Was just hoping for some help moving my site and keeping my emails up and running! My regisDisplaying a border image over another imageSo this is what i'm sitting at ```css .inner-image{ position: absolute; right: 0px; z-inGrid Layout Not functioning responsivelyI'm completely lost on how to make this fit in my ```main-message-container``` at all times I've trihtml input behaviouri've been wondering about this for awhile. when your text input starts running out of room the right