Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How to add underline to mouse cursor on navigation menu?

How to add underline to mouse cursor on navigation menu?

marcelp
Pathfinder
97 2 15

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
422 46 77

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
6304 1712 2059

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


marcelp
Pathfinder
97 2 15

Only underlined text is enough 

 

www.cotiereofficial.com

Moeed
Shopify Partner
6304 1712 2059

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


marcelp
Pathfinder
97 2 15

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

marcelp
Pathfinder
97 2 15

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