I can't change color in navbar .x-active > a

[matuskm]

Hi,

I can’t change red line in right navbar.

You see - https://www.bioplastics.sk - red line in right navbar active page

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a:active, .x-navbar .desktop .x-nav > .current-menu-item > a {
box-shadow: inset -2px 0 0 0 rgb(105,133,27);

}

This code not working full.

Thanks.

[nabeel]

Hi @matuskm,

Thank you for reaching out to us. You can update your code with the following:

.x-navbar-fixed-right .desktop .x-nav>li>a:focus, 
.x-navbar-fixed-right .desktop .x-nav>li>a:hover,
.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a:active, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset -2px 0 0 0 rgb(105,133,27);
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Don’t forget to clear all caches including your browser’s cache after adding the code. Hope this helps!

[matuskm]

Nice!

Thank you.

[jade]

You’re welcome, @matuskm.