Return to previous page

Horizontal top menu color - by ZenFox84 - on WordPress WooCommerce support

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

  • Avatar: ZenFox84
    ZenFox84
    Participant
    November 20, 2016 at 12:00

    Hello,

    Please help. If I browse any category and I need to scroll down, active category, in top menu, became black coloured. But when I’m on the top of category page it’s white. I need to make it stay white, while I’m scrolling down category page.

    Thank you.

    #146362 Copied Theme version: 1.8 WooCommerce version: 2.6.4
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 21, 2016 at 18:50

    Hello,

    Add the following code in custom CSS (Theme Options > Styling > Custom CSS)

    .fixed-header .menu-wrapper .menu > li.current-menu-item > a {color: #fff;}
.fixed-header .menu-wrapper .menu > li.current-menu-item > a:after,
.fixed-header .menu-wrapper .menu > li > a:hover:after {
    background-color: rgba(255, 255, 255, 0.4);
}

    Regards

    #146470 Copied
    Avatar: ZenFox84
    ZenFox84
    Participant
    November 23, 2016 at 18:10

    Thank you, no it’s working. But I had to modify you css in this way:
    .fixed-header .menu li a {color: #fff !important;}
    .fixed-header .menu-wrapper .menu > li.current-menu-item > a::after {background-color: #fff !important;}

    #146760 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 25, 2016 at 08:55

    Hello,

    Could be, sometimes if custom styles don’t override our default you need to add “!important”.

    Regards

    #146967 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
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – 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.