How to remove mega menu arrows in Enterprise theme?

Store Design
, ,
1

Hi,

I’ve been trying many codes to get rid of the arrows in the mega menu, but I cannot seem to get it right.

Other solutions mentioned adding a code to base.css or assets/custom.scss.liquid files, but the Enterprise theme does not have any of them.

Can someone help me out?

www.modun.nl

Cassy_013_0-1730297940849.png
Cassy_013_0-1730297940849.png1464×622 406 KB

2

Hi @Cassy_013

I hope you are well. You can follow my detailed here to fix it:

Step 1: Go to your Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there. Then save the change

Here is the code to add in Step 3:

.main-menu__content a.main-nav__item > svg {
    display: none !important;
}

image (3).png
image (3).png1872×839 290 KB

Please let me know if it works. Thank you so much!

Best,

Daisy - Avada Support Team.

3

Hi @Cassy_013 ,

Please go to Actions > Edit code > Assets > main.css file and paste this at the bottom of the file:

.main-nav__item--toggle .icon {
    display: none !important;
}

it will show like this:

Screenshot.png
Screenshot.png1690×342 94.2 KB

4

Thank you! That worked perfectly!

5

Hi @Cassy_013 ,

You’re welcome and happy to help you