Highlight current page in menu and stay highlight when not hovering over it
-
Bonjour !
I am trying to change the color of my main menu when the mouse points to it. The goal is that the color remains active during navigation. I did not manage to find the solution in the menu appearance /personalize/menu style/ menu point mouseover, underline is th only proposition here
Big thanks in advance !
here an exemple : -
This post is deleted! -
Hello @mariusjopen !
I've try this line of code in the custom css&htlm and it's working :
a:focus {
background-color: blue;
}But I d'ont know if it's gonna affect te hole pages !
Sorry Im' not really good about CSS and HTLM ^^
Here my website : https://www.mariafernandes.fr/Thank you very much for your help !
Maria. -
Dear @cactusauvage
try to add this to your CUSTOM CSS:.current-menu-item a { background: yellow; }
Best!
Marius
-
@mariusjopen it's perfectly working !!
Thank you for your quick answer ! I wish you a lovely day :)
Maria.
-
Cool! Happy to hear!
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it