How to Change Nav Bar Active Menu Item to Hover Color

  • Resolved sterlingcrowder

    (@sterlingcrowder)


    10 years, 10 months ago

    I am currently using #ADD8E6 (a light blue) for my hover menu color. I would like to change my active menu item color to the same color, but no matter what I try it seems to stay a grey color. I’m not sure what code I need to add to my Custom CSS to make that change. Please help. Thanks in advance. Sterling

    https://www.dcandbeyond.com

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

  • Try this bit of CSS:

    .main-navigation a:focus,
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	background: #ADD8E6;
}

    Thread Starter sterlingcrowder

    (@sterlingcrowder)

    Thank you so much! That worked perfectly! I appreciate your help so much.

    Sterling

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to Change Nav Bar Active Menu Item to Hover Color’ is closed to new replies.