Setting "Menu items hover" not working for sub-menu

Setting the “Menu items hover” in Appearance > Customise > Header > Main header > Style is not working for the sub-menu. On the main menu item the text colour does change on hover, but the background colour of the sub-menu items does not change as it did on older versions of Sydney Pro.

The setting seems to be overruled by sydney-pro-ii/style.css:1006:

.bottom-header-row #mainnav a, .main-header #mainnav a {
    background: transparent !important;
    border: 0 !important;
}

Removing the “!important” and the item will get the correct colour on hover. Unfortunately, the background colour of the item does match not the background colour of the menu. Also the padding is fixed to 0 by sydney-pro-ii/style.css:1040:

.main-header ul ul a {
    padding: 0 !important;
}

Any idea what goes wrong?

Hello,

First thanks for using our theme!

Setting the “Menu items hover” in Appearance > Customise > Header > Main header > Style is not working for the sub-menu. On the main menu item the text colour does change on hover, but the background colour of the sub-menu items does not change as it did on older versions of Sydney Pro.

Really there’s an issue where the “Menu items hover” color is not propagating to the sub menu items. But the expected behavior should be change the text color and not the background. We are aware of this issue and this will be fixed in the next version of the theme. Meanwhile, you can change the sub menu items hover color adding the custom CSS code below at Appearance > Customize > Additional CSS:

/* Change only text color on hover */
#mainnav ul ul > li > a:hover {
	color: #e71515 !important;
}

/* Change background color on hover */
#mainnav ul ul > li:hover {
	background-color: #8f8f8f !important;
}


/* Change sub menus spacing/padding */
#mainnav ul ul > li {
	padding: 10px 15px !important;
}

Removing the “!important” and the item will get the correct colour on hover. Unfortunately, the background colour of the item does match not the background colour of the menu. Also the padding is fixed to 0 by sydney-pro-ii/style.css:1040:

There’s the needed custom CSS in the provided code above to change padding and background color when hover.

Thanks for your patience!

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

Dear Rodrigo,

Very nice. Thank you for the quick reply.

Sincerely,

Peter

Hello Peter,

You are welcome!

Let us know if you need any further help.

If you are satisfied with our theme and support, would be great if you leave your comment and rating in the offical WordPress Themes repository. That helps us a lot: [Sydney] Reviews | WordPress.org

Kind Regards,

Rodrigo.

aThemes Support