How to add underline to mouse cursor on navigation menu?

[marcelp]

HI I am looking for a custom code thad adds a "underlined" mouse cursor when hovering over the navigation menue?

[Natasha-Saed]

Can you clarify more! do you need underline text on hover or the mouse cursor itself change to mouse with underline ?

For all the examples of mouse effects see this URL

https://www.w3docs.com/tools/code-editor/2426

If you seek to underline text on hover please give me your store url to help you with it.

[Moeed]

Hey @marcelp 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[marcelp]

Only underlined text is enough 

www.cotiereofficial.com

[Moeed]

Hey @marcelp 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
a.flex.py-2.relative span:hover {
    text-decoration-line: underline;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[marcelp]

Unfortunately it doesn't work. I also dont see and underline in your result screenshot.

[marcelp]

I just want the choosen navigation menue underlined when you hover over the choosen navigation menue (i.e. ALL  )