Remove Arrows from Drop Down Menu on Debut Theme for Desktop and Mobile View

Shopify Discussion
1

Hi,

How do you remove the arrows from the drop down menus on Debut theme for both mobile and desktop view? I was able to get it done on desktop view with this code in Assets>theme.scss.liquid

site-nav__link .icon-chevron-down {
display: none;
}

but was unsuccessful with the mobile view. Can someone help me!?

Desktop View(No Arrows)
Desktop View(No Arrows)985×698 25.7 KB

Mobile View (Arrows)
Mobile View (Arrows)828×656 24.1 KB

Thank you!

2

Hello afrench,
Please share your site url.
So that i can check and let you know the exact solution here.

3

Hi!!

Here is the site and password

https://assignment-a.com/

password is mangoes

4

Hello afrench,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and(max-width:768px){
.mobile-nav__icon .icon.icon-chevron-right {
    display: none;
}
}
5

Thank you, been trying to find a solution for 8 hours now!!! It worked seamlessly. Thank you again!!!

6

I am trying to remove the plus sign (+) from my “Shop” drop down menu but can’t seem to find any code that works… Also trying to move it up and place it underneath the logo. Can anybody help??? Really appreciate it.