Hi,
Found some similar questions in the forum but non of the solutions in those threads solved my problem.
I’m using the Universe theme by Outlane and am working on the main menu with a belonging drop-down mega menu. I want to remove the down arrows visible to the right of each main menu item and it seems like this can only be done by editing the CSS.
Could someone please advise me on how to solve this issue?
Thanks in advance
Johan
Please share your website URL and password if any. I will check and provide a solution here.
Thanks!
Please add the following code at the bottom of your assets/custom.scss.liquid file.
.primary-mega-menu .mega-menu__parent-item:after{
display: none !important;
}
Hope this works.
Thanks!
It worked perfectly!
What a hero, thanks a bunch for your quick help!
I AM USING TURBO THEME. CAN YOU HELP ME DO THE SAME? I DON’T HAVE THAT SAME FILENAME IN MY FOLDER.
THANKS.
Hello, Ive got the same issue, Im using Budhha Mega Menu and need to remove the small arrows beside the menu items. Could you please help? https://caiya-living.myshopify.com/ pass:moflay
I too am looking for a solution in case there is no liquid file as you describe.
Please add the following code at the bottom of your assets/buddha-megamenu2.css file.
.horizontal-mega-menu>li>a>.mm-angle-down {display: none !important;}
Thanks!
@dmwwebartisan sure thing.
the URL is www.aroonagroup.com
password is rtontu (top right corner)
Offending menu link is “Dealer Locator”.
I don’t want it to trigger a dropdown when clicked, I want it to be clickable and link to a page instead.
Please add a simple menu for Dealer Locator check your menu setting and off the mega menu for “Dealer Locator”
Hi!
Same question for Impulse theme : how can we remove arrows on drop down menu ? Thank you
Can you please help me achieve this on my site? https://afca7f-2.myshopify.com/
this just hides it rather then removing it, how can i remove it and not just hide it because when i hide it, it has a weird space between it making it not professional.