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 6,278 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 Send me a message if you have any questions. 4000+ custom code for Squarespace OFF forum from Jan 16 - Jan 31. Share this post Link to post
0 tuanphan 6,278 Posted November 1, 2019 Just now, LivAils said: Perfect thank you! You're welcome. Reference: Send me a message if you have any questions. 4000+ custom code for Squarespace OFF forum from Jan 16 - Jan 31. 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