LivAils 0 Posted October 31, 2019 Hello, I would like to underline each individual menu item when you hover over it. What CSS would I use to do this? I may also want to keep it underlined when that page is active. Please could you pass on the CSS for this also. Thanks, Liv https://greyhound-keyboard-sa3k.squarespace.com/ Share this post Link to post
1 tuanphan 7,659 Posted October 31, 2019 @LivAils Add to Home > Design > Custom CSS /* Hover */ nav.main-nav a:hover { border-bottom: 1px solid currentColor !important; } /* Active */ nav.main-nav .active-link a { border-bottom: 1px solid currentColor; } You can also use text-decoration: underline; but i like border-bottom 1 LivAils reacted to this You can send your question to my email to get faster answer. How to Setup Password & Share URL Armadillo - Free portfolio template Share this post Link to post
0 tuanphan 7,659 Posted November 1, 2019 Just now, LivAils said: Perfect thank you! You're welcome. Reference: You can send your question to my email to get faster answer. How to Setup Password & Share URL Armadillo - Free portfolio template Share this post Link to post
Hello,
I would like to underline each individual menu item when you hover over it. What CSS would I use to do this?
I may also want to keep it underlined when that page is active. Please could you pass on the CSS for this also.
Thanks,
Liv
https://greyhound-keyboard-sa3k.squarespace.com/
Share this post
Link to post