Home › Forums › WoodMart support forum › Dark background when hovering over desktop menu category

Dark background when hovering over desktop menu category

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 30, 2022 at 5:04 pm #348969

    Stefan
    Participant

    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 🙃

    January 30, 2022 at 8:25 pm #349004

    Elise Noromit
    Member

    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

    January 30, 2022 at 9:10 pm #349010

    Stefan
    Participant

    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.

    January 31, 2022 at 1:30 pm #349161

    Elise Noromit
    Member

    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

    January 31, 2022 at 1:40 pm #349166

    Stefan
    Participant

    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.
    January 31, 2022 at 11:58 pm #349257

    Elise Noromit
    Member

    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

    February 1, 2022 at 10:32 am #349390

    Stefan
    Participant

    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.

    February 1, 2022 at 8:21 pm #349522

    Elise Noromit
    Member

    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

    February 1, 2022 at 8:46 pm #349527

    Stefan
    Participant

    Gotcha. Thanks for trying!

    February 2, 2022 at 12:51 am #349579

    Elise Noromit
    Member

    You are welcome! We are here to help.

    Wish you a wonderful day!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Dark background when hovering over desktop menu category’ is closed to new replies.