Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1058307

    Hello,
    I have tried a different version of my current project with a flyout menu and would like to know, how I can set the menu itmes in a different color when being on that particular page or section (I set anchor on my HOME page).
    So if I click on eg. NEWS and then look up the menu again, the word NEWS is in #4875cf – so the user knows immediately on what page he is on.
    THANKS Nora

    #1058579

    I added this question to another topic I already started.

    #1058810

    Hi NoraGTS,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul .current_page_item > a {
      color: red;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1058816

    Thanks so much. I added it and it worked out fine.
    HOWEVER:
    The anchor items on my HOME page highlight all at the same time. Is there a way to have only the according anchor highlighted?
    THANKS Nora

    #1059385

    Hi Victoria,
    Do you have any advice on how to avoid on my HOME page that all anchor items are highlighted simultaneously? I would like to have HOME highlighted in the beginning, and then the anchors according to which section I’m on.
    THANKS Nora

    #1060164

    Hi NoraGTS,

    Well, yes it is possible, but this little tweak will require JavaScript, it is cannot be done with a pure css solution here, unfortunately.

    Best regards,
    Victoria

    #1060168

    I already got this resolved. no java script required.
    thanks anyways.

    #1060307

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Menu highlight in flyout menu’ is closed to new replies.