HI I am looking for a custom code thad adds a “underlined” mouse cursor when hovering over the navigation menue?
Topic summary
A user seeks CSS code to add an underline effect to navigation menu items on hover. Initial confusion arose about whether the request was for underlining the text or modifying the mouse cursor itself. After clarification, the user confirmed they only want underlined text on hover for the selected navigation menu item.
Attempted Solution:
- A responder provided custom CSS code to be added to the theme.liquid file above the
</body>tag - The code was intended to create the underline hover effect
Current Status:
- The proposed solution did not work as expected
- The user reports not seeing the underline effect in their implementation
- The issue remains unresolved, with the user still seeking a working solution to underline navigation menu items on hover
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.
Hey @marcelp
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
Only underlined text is enough
Hey @marcelp
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Unfortunately it doesn’t work. I also dont see and underline in your result screenshot.
I just want the choosen navigation menue underlined when you hover over the choosen navigation menue (i.e. ALL )