Hello Jose,

Let me see if I understand this correctly: you need to modify the styles of the header menu in a specific page/pages? If yes, do you have ajax enabled in customizer -> general settings?

Hello Jose,

Apologies for my late reply. The header automatically changes color function of the light vs dark background in page/portfolio item options. you don't have to do anything else.

So for example you say in page options that About has dark background -> then the menu together with the logo will have white foreground (white letters)

On the same note if you define sections in Elementor or add a container in Gutenberg you can select Invert header color for it. In this case the menu and the logo will change color when you scroll over.

Hello Jose,

sorry for not understanding this the first time, however the current page is highlighted in the menu (actually underlined):

https://prnt.sc/I3Vf1MuQRqxZ

see the css as

@media (min-width: 1025px){
    .classic-menu .flexnav li > a.active::after {
         transform: scaleX(1);
         transform-origin: left;
    }

}

hopefully it answers your question