[ad_1]
I know that this is menu bar.
I have been trying since past 4 hours to achieve this effect yet I couldn’t.
This is thehindu.com news website. On opening it in browser – 1) each item of menu bar has a line over it and when you move cursor over the option the COLOR OF THE LINE ( not the text) changes to red. How to achieve this effect. For example here when I moved my mouse over India the line above India turned red.
How do I do this in wordpress. As I can’t achieve this line over items of menu in wordpress. Have spent enough time to figure out on my own but couldn’t.
Any help would be greatly appreciated.
Kind regards
[ad_2]
Change the CSS border property on hover state of the anchor link. https://www.w3schools.com/cssref/sel_hover.php
You’ll have to find the specific hierarchy by using dev tools. Then add that to your theme’s CSS.
I would use :before and :after selectors on the <a> element. Then you can animate it