How to highlight active menu item

Hi elbnetz!

Please add following code to Quick CSS

.current-menu-item {
background-color: #036b05;
}

Cheers!
Yigit

Hey!

Please add following code to Quick CSS instead

@media only screen and (max-width: 768px) {
.current_page_ancestor > a {
background-color: #036b05;
}}

Best regards,
Yigit

Hey!

It does work fine on my local installation. Can you post the link to your website so we can have a look?

Regards,
Yigit

Hey!

Please remove the code i posted here – https://kriesi.at/support/topic/how-to-highlight-active-menu-item/#post-289786
and it should work fine. I have the other custom CSS code to Quick CSS field and when i disable the previous code, it does work fine

Cheers!
Yigit

Hey!

Please add following code to Quick CSS as well
1-

@media only screen and (max-width: 768px) {
.current-menu-item > a{
color: white!important;
}}
.sub-menu .current-menu-item .avia-menu-text {
color: yellow!important;
}

Best regards,
Yigit

Hi!

I have added one additional code to Quick CSS field. Please remove following code from custom.css file and it should work as desired

@media only screen and (max-width: 768px) {
.current_page_ancestor > a {
background-color: #036b05;
}}

Best regards,
Yigit

Hi!

Thank you for the update.

We can’t see the actual website, it requires us to login. Please post the login details here.

Cheers!
Ismael