Need some help to remove a 'Dropdown icon' from menu

Hi,

I’ve created a mega menu, and I’d like some help removing the dropdown icon from it.

Regards,
Lesriches

Hey @lesriches

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:

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

Best Regards,
Moeed

1 Like

Hello @lesriches
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css

@media screen and (min-width: 1000px) {
.nav-bar__link .icon--arrow-bottom {
display: none !important;
}
}

result

If this was helpful, hit the like button and mark the job as completed.
Thanks

1 Like

Hi @lesriches ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

Step 2: Search for the file base.css, theme.css, styles.css or theme.scss.liquid (depend on your theme). And add this code snippet to the end of the file.

.nav-bar__link .icon--arrow-bottom {
    display: none !important;
}

Step 3: Save your code and reload this page.

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

1 Like

Hello @lesriches

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.nav-bar__link .icon--arrow-bottom { display: none !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like

Thanks for accepting solution,
please hit like button also.