Remove dropdown arrows in megamenu - Impulse theme

Store Design
1

Hello,

Could someone please help me to remove the dropdown arrows in the menu in the Impulse theme?

Thank you!

2

Hey @jw18

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 tag

RESULT:

Moeed_0-1727353232556.png
Moeed_0-1727353232556.png1872×756 242 KB

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

Best Regards,
Moeed

3

Hello @jw18
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
at the end of the file and save.

svg.icon.icon--wide.icon-chevron-down {
display: none;
}

result

18.png

If this was helpful, hit the like button and accept the solution.
Thanks

4
  • Here is the solution for you @jw18
  • 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.
5

This is Richard from PageFly - Shopify Page Builder App

Hi @jw18 Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

6

Your solution worked! Thank you so much, Rahul. Would you know how to add some space between the menu items by any chance? It looks a bit cluttered now.

menu.jpg
menu.jpg1558×507 57.8 KB

7

It didn’t work, sorry.

8

Just noticed, the icon was also removed from the tab on the product page. Would you know how to do it for the menu only?