Mobile submenu a color - by movileanu - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 3 years, 8 months ago ago by Olga Barlow

  • Avatar: movileanu
    movileanu
    Participant
    October 4, 2020 at 11:00

    Hi, on mobile,

    I want to control the colors of the submenus, they have an opacity that I can’t find it in CSS.

    Can you please help?
    thank you

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 4, 2020 at 14:18

    Hello,

    Do you mean this color on hover https://prnt.sc/usw8uw ?
    https://prnt.sc/usw98x

    .et_b_header-menu .nav-sublist-dropdown .item-link:hover {
        opacity: 1;
        color: red !important;
    }

    Regards

    Avatar: movileanu
    movileanu
    Participant
    October 4, 2020 at 14:22

    Hi,
    yes, that one and the other submenus, but on the mobile version.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 5, 2020 at 13:24

    Hello,

    Use the following code to remove the opacity

    .et-mini-content .menu li a: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

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

You must be logged in to reply to this topic.Log in/Sign up

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