LivAils 0 Posted October 31 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,115 Posted October 31 @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 | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID Squarespace 7.1 CSS List Share this post Link to post
0 tuanphan 6,115 Posted November 1 Just now, LivAils said: Perfect thank you! You're welcome. Reference: Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID Squarespace 7.1 CSS List 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