I would like to make the arrow icon appear only when the mouse is over it.
This is what i have now:
This is what i want to look like when i have the mouse in a title (in this case in “Travel”):
Thanks You
A Shopify store owner wants to modify their navigation menu so that arrow icons only appear on hover, rather than being constantly visible.\n\nCurrent Issue:\n- Arrow icons are permanently displayed next to menu items (like \
I would like to make the arrow icon appear only when the mouse is over it.
This is what i have now:
This is what i want to look like when i have the mouse in a title (in this case in “Travel”):
Thanks You
Hi @ArnauP ,
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
@ArnauP ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Result:
If it helps you, please like and mark it as the solution.
Best Regards ![]()