• Resolved thesmartseries

    (@thesmartseries)


    Hi,

    I would like the header menu option colour to remain unchange when the page is selected (active page). Currently, it changes to black and hence the menu option “disappeared” as it is the same colour as the background. Could I seek advise on the CSS code to add in? Thank you.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter thesmartseries

    (@thesmartseries)

    Anybody able to advise please? Thank you.

    Kush

    (@kushnamdev)

    Hey @thesmartseries,

    Thank you for using Neve and reaching out to us.

    To keep the header menu option color unchanged when the page is selected, you can add the following CSS code:

    .nav-ul li.current-menu-item>.wrap>a:not([href*="#"]) {
        color: white;
    }

    Replace “white” with the color code you wish to use for the active page menu option. This code should target the active menu item and keep the text color the same as the non-active items.

    You can add this CSS code to the Additional CSS section in the WordPress Customizer by going to Appearance > Customize > Additional CSS.

    I hope this helps! Let me know if you have any further questions.

    Thank you and have a nice day!

    Thread Starter thesmartseries

    (@thesmartseries)

    Hi Kush,

    Thanks for the reply. I added the following code into the CSS portion but does not seems to work. I’m still seeing the header menu option color changed when the page is selected

    .nav-ul li.current-menu-item>.wrap>a:not([href*=”#”]) {
    color: #ffffff;
    }

    Am I doing something incorrectly?

    luciamarinescu

    (@luciamarinescu)

    Hi @thesmartseries!

    Please try to change that color from the Customizer. To do so, you should go to Customizer -> Header, click on the settings icon next to the Primary Menu component, then go to the Style tab and change the Active Item Color to white or another color that you prefer, as you can see here.

    Have a nice day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change of Header Colour for Active Page’ is closed to new replies.