Mobile menu opacity - by robertsenuk - on WordPress WooCommerce support

This topic has 3 replies, 2 voices, and was last updated 5 years, 6 months ago ago by robertsenuk

  • Avatar: robertsenuk
    robertsenuk
    Participant
    June 12, 2020 at 13:02

    Hello,

    The mobile menu on our site becomes more and more transparent each time a menu sub category is opened.
    I’ve tried adjusting the opacity in the CSS but can’t seem to fix it.

    Could you please advise on how we can keep the menu text black in the mobile sub menus so it can remain readable?

    Thank you for your help.

    Regards
    Rob

    Please, contact administrator
    for this information.
    2 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    June 12, 2020 at 21:52

    Hello,

    Add the following code to Theme Options > Custom CSS and flush the plugin cache to apply changes

    .header-mobile-menu .nav-sublist-dropdown .item-link:hover, .header-mobile-menu .widget_nav_menu .menu > li > .sub-menu a:hover, .header-mobile-menu .etheme_widget_menu .nav-sublist-dropdown .item-link:hover, 
    div.mobile-menu-content .et_b_header-menu .menu li > .nav-sublist-dropdown:not(.nav-sublist), div.mobile-menu-content .et_b_header-menu .menu li > .nav-sublist > ul {
        opacity: 1;
    }

    Regards

    Avatar: robertsenuk
    robertsenuk
    Participant
    June 15, 2020 at 09:52

    Perfect, thank you that works!

  • Viewing 3 results - 1 through 3 (of 3 total)

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

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