Okay
  Public Ticket #3370494
active menu
Closed

Comments

  •  2
    Jose started the conversation

    Hello, I need to change the active option of a menu giving it another style when the user enter to an specific page. Please, could I do that?

  •  1,973
    Support replied

    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?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  2
    Jose replied

    Well I have to change the color of a menu option when the user is this specific page.

    For example my main menu is white and I want that when a user enter, for example, in the about page, the "about" option in the main manu change into black color. How I could do that?

  •  2
    Jose replied

    Please, any answer? It's urgent.

    The problem with this theme is that when you change the into sections it loads into de the same page.

    Any idea to fix it?

  •  1,973
    Support replied

    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.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  2
    Jose replied

    Sorry but you are not understanding me.

    I have to know how to underline o highlight an option of the main menu as soon as the user is in that page.

    For example:

    Home About Services Portfolio

    When the user is in the About page.

    Do you understand me?


  •  1,973
    Support replied

    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


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy