Dark background when hovering over desktop menu category

The same matter has been raised previously in this thread https://xtemos.com/forums/topic/darken-the-background-when-hover-to-megamenu/ but hasn’t reached a solution.

How can this be implemented? Anyone? #help 🙃

Hello,

Please insert the credentials into the Private content below the message area. I will check your current settings and check if it is possible with custom CSS.

Best Regards

Sure, login info in private content.

PS: do not update woocommerce as I have a plugin dependent on the current version and will break the integration.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

#menu-categories.wd-nav-vertical .wd-dropdown-menu.wd-design-full-width {
    background:#000000;
}

You can change the font color by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Alternatively, you can set the dark color scheme globally in the Theme Settings > Styles and colors.

Best Regards

The provided code results to the 1st screenshot. I meant, as per old thread hyperlinked, to get the results from the 2nd screenshot.

Attachments:

You must be logged in to view attached files.

Hello,

Do you mean the Product category is white when the mega menu has been opened?

Please replace the code with this one:

#menu-categories.wd-nav-vertical li a:hover {
    background:#ffffff;
}

Do you want to remove the right border?

Best Regards

I mean that when hovering over a category to keep the header in white and to dim the content + footer to. By dim I mean to have a translucent layer applied.

Hello,

Unfortunately, there is no option and it cannot be done with custom CSS.

If you have any questions please feel free to contact us.

Best Regards

Gotcha. Thanks for trying!

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts