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
I added this question to another topic I already started.
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
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
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
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
I already got this resolved. no java script required.
thanks anyways.
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon