Seems like this should be simple, but I've had problems trying to add an underline upon hover (not current) for the page menu.
There've been a few discussions about this and this thread talks about using border-bottom for it:
This theoretically works but the border winds up being bigger than I want underneath the menu items. I want it exactly underneath the text characters.
This thread talks about using text-decoration, which is what my first instinct was:
However, I tried using text-decoration: underline and it's not working. It's not even showing up when I inspect with Chrome Elements. Any thoughts on this?
You can see the site in progress at www.franciscan-interiors.com