Make the arrow icon appear only when the mouse is over it

Topic summary

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 \

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

I would like to make the arrow icon appear only when the mouse is over it.

www.JaccomCollection.com

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

1 Like

Hi @ArnauP ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

1 Like
  • Here is the solution for you @ArnauP
  • Please follow these steps:
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before and press ‘Save’ to save it

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

@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 :blush:

1 Like