Remove Color Change when Hovering on Header Menu

  • Resolved CreativityKing

    (@creativityking)


    10 years, 7 months ago

    I would like to remove the feature the changes the color when I hover over one of the items in the main header menu (about, gospel, q&a, resources). I’d like the color to remain the static blue instead of changing to white. As it is now, with the white background and font color, the text title disappears completely. I’m very new to building websites, so if this is a css change, details would be great!

    My site is: https://thewelleg.com/

    Thanks in advance for your help!

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

  • Hi.

    Open style.css file and remove following lines:

    .omega-nav-menu li:hover,
.omega-nav-menu li:hover ul {
	background-color: #181313;
}

    (lines 673-676)

    .omega-nav-menu li ul li:hover {
	background: #211b1a;
}

    (lines 696-698)

    Easy fix for this. I did it unintentionally and just figured out how to reverse it for my site.

    Go into Appearance – themes – customize.

    Under COLORS, make the primary and secondary color the same using the color codes. That should eliminate the change when you hover over a menu item.

    ep-rom

    (@ep-rom)

    Thanks for the tip thenorthwoodsr. Have done so many experiences in the .css but with no result. Its so easy in the backend under Appearance – themes – customize – COLORS.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove Color Change when Hovering on Header Menu’ is closed to new replies.