How to add underline to mouse cursor on navigation menu?

marcelp
Explorer
94 2 14

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

 

Screenshot 2023-09-09 at 18.35.48.png

Replies 6 (6)

Natasha-Saed
Shopify Partner
412 45 72

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.

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint

Moeed
Shopify Partner
3793 958 1189

Hey @marcelp 

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
marcelp
Explorer
94 2 14

Only underlined text is enough 

 

www.cotiereofficial.com

Moeed
Shopify Partner
3793 958 1189

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:

Moeed_0-1694286853534.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
marcelp
Explorer
94 2 14

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

marcelp
Explorer
94 2 14

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