Return to previous page

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

This topic has 4 replies, 3 voices, and was last updated 4 years, 1 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

    #253800 Copied Theme version: 7.0.2 WooCommerce version: last
    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

    #253841 Copied
    Avatar: movileanu
    movileanu
    Participant
    October 4, 2020 at 14:22

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

    #253844 Copied
    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

    #253923 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Underwear – 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.