change hover color of submenu dropdown

  • Resolved jodibug79

    (@jodibug79)


    6 years, 7 months ago

    Hi,

    I am trying to change the hover color of the sub-menu items and I’m stuck. Can anyone help? Looking to change the color of lactation support and babywearing consults under the services menu item. https://www.themilkymermaidlb.com/
    Thanks!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello jodibug79,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

    .main-navigation ul ul li:hover, 
.main-navigation ul ul li.focus {
  background: #54ffe1;
}

    Hope this will helps you.

    Thanks.

    Thread Starter jodibug79

    (@jodibug79)

    Hi,

    Thanks so much! This works to change the background color, but I am trying to change the color of the text, not the background. Guess my inquiry wasn’t specific enough. I tried adding a color element to this snippet, but that didn’ work.

    Try below css code.

    .main-navigation ul ul li a:hover, 
.main-navigation ul ul li.focus a{
  color: #11a49e;
}

    Hope this will helps you.

    Thanks.

    Thread Starter jodibug79

    (@jodibug79)

    That’s it! Thanks so much, I really appreciate your help.

    @jodibug79 If this solution worked, can you please mark it as resolved.

    Thread Starter jodibug79

    (@jodibug79)

    Resolved, thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘change hover color of submenu dropdown’ is closed to new replies.