Remove dropdown arrows in megamenu - Impulse theme

[jw18]

Hello,

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

Thank you!

[Moeed]

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 </body> tag

<style>
.header__menu-item .icon-caret {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[jw18]

It didn't work, sorry.

[Rahul_dhiman · Accepted solution]

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

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

[jw18]

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.

[jw18]

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?

[BSS-TekLabs]

- 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 </head> and press 'Save' to save it

<style>
.site-nav__label .icon {
    display: none !important;
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[PageFly-Richard]

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 </body>

<style>
.header__menu-item .icon{
    display: none !important;
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly