Drop Down menu active color

  • Resolved jkerksick

    (@jkerksick)


    9 years, 11 months ago

    I’m having trouble with my dropdown menu colors. On all the other tabs, if you click on the page, the menu item will remain highlighted blue. But if you click on one of the sub-pages in the dropdown menu, only the first letter is highlighted in blue. Is there a css code that can fix it so that when you’re on one of the subpages, the whole menu tab word stays highlighted?

    Website is http://new.longenecker-associates.com/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Menaka S.

    (@menakas)

    9 years, 11 months ago

    Hi,

    You have added some styling to create that effect.
    This is what you have added.

    /* Adjust Menu colors - Active */
.navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current-menu-item > a:first-letter,
.navbar .nav > li.current-menu-ancestor > a:first-letter {
color:         #060193;
text-shadow:    none;
}

    Remove it and it should be fine.

    Thread Starter jkerksick

    (@jkerksick)

    9 years, 11 months ago

    I removed it but now the menu tab with the drop down menu is highlighted in a white/light gray color. Is there a code that will make the whole menu tab (“Working with L&A”) blue when someone is on one of the drop down menu pages?

    Menaka S.

    (@menakas)

    9 years, 11 months ago

    Hi,
    Try adding this.

    .tc-regular-menu .navbar .nav > li.current-menu-ancestor > a {
color:          #060193;
}
    Thread Starter jkerksick

    (@jkerksick)

    9 years, 11 months ago

    That worked, thank you so much!

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

The topic ‘Drop Down menu active color’ is closed to new replies.