-
AuthorPosts
-
January 24, 2019 at 7:03 pm #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 NoraJanuary 25, 2019 at 9:58 am #1058579I added this question to another topic I already started.
January 25, 2019 at 5:14 pm #1058810Hi 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,
VictoriaJanuary 25, 2019 at 5:21 pm #1058816Thanks 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 NoraJanuary 27, 2019 at 5:40 pm #1059385Hi 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 NoraJanuary 29, 2019 at 8:40 pm #1060164Hi 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,
VictoriaJanuary 29, 2019 at 8:53 pm #1060168I already got this resolved. no java script required.
thanks anyways.January 30, 2019 at 1:59 am #1060307Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Menu highlight in flyout menu’ is closed to new replies.
