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

[lesriches]

Hi,

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

Regards,
Lesriches

[Moeed · Accepted solution]

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

<style>
.nav-bar__link .icon--arrow-bottom {
    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

[Rahul_dhiman · Accepted solution]

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

[BSSCommerce-B2B · Accepted solution]

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! 

[Moeed · Accepted solution]

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

<style>
.nav-bar__link .icon--arrow-bottom {
    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

[Rahul_dhiman · Accepted solution]

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

[Rahul_dhiman]

Thanks for accepting solution,
please hit like button also. 

[BSSCommerce-B2B · Accepted solution]

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! 

[niraj_patel · Accepted solution]

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 </body> on theme.liquid
<style>
  .nav-bar__link .icon--arrow-bottom {
      display: none !important;
   }
</style>

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