Return to previous page

Menu CSS - by Enrico Dalli Pullicino - on WordPress WooCommerce support

This topic has 3 replies, 2 voices, and was last updated 3 years, 10 months ago ago by Enrico Dalli Pullicino

  • Avatar: Enrico Dalli Pullicino
    Enrico Dalli Pullicino
    Participant
    June 16, 2020 at 23:12

    I managed to create a mega menu using a static block, and I am happy with the outcome.
    For some other menu items under the “All Departments / Shop Now” Menu, I simply added subcategories to menu items (I did not use the Mega Menu).

    I have been trying to get them looking exactly the same, however, I did not manage the last bit.

    I would like to be able to change HOVER color for all subcategories listed in the menu (which are not part of a Mega Menu). I managed to change the base colour, the font size, and the font, but not the hover colour!

    To be clear: The WATCHES menu is a mega menu. Items are shown in light grey and on hover they turn to black.

    I would like the SUNGLASSES, JEWELLERY and HANDBAGS categories to display the subcategories in exactly the same way. Currently, everything is fine except for turning to black on hover.

    What CSS should I use?

    #241037 Copied Theme version: 6.3.5 WooCommerce version: 4.2.0
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 17, 2020 at 10:32

    Hello,

    Try to use the next code:

    .menu-main-container .nav-sublist-dropdown ul > li > a:hover {
    opacity: 1 !important;
}

    Regards

    #241103 Copied
    Avatar: Enrico Dalli Pullicino
    Enrico Dalli Pullicino
    Participant
    June 17, 2020 at 10:57

    Excellent. Consider as closed.
    Tahnk you for your awesome support.

    #241104 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Menu CSS’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.