[sundari]

Hi there,

I’d like to keep the main navigation bar color the same, but change the background color of the drop menu items as well as the background color on hover for those items. Basically I want to swap them so the drop menu background is that soft gray and then turns white on hover. I’ve done some rooting around in the CSS but can’t seem to get it to shift.

Help?

[sovit ranjitkar]

Hi Sundar,

To change background-color and hover background-color color of drop-down menu Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#access ul li ul {
	background-color: #fff;
	border-color: #05A9C5;
}
#access ul li ul li a:hover, 
#access ul li ul li:hover > a, 
#access ul li.current-menu-item ul li a:hover {
	background-color: #F9F9F9;
}

Note: Change above Hex color code #fff for drop-down background-color and #05A9C5 for border as well and change #F9F9F9 for hover background-color with your own Hex color code.

Thank you for using our theme.

[Author]

Posts