How to remove icons?

Hi cll22,

Storefront is a tricky theme to work with due to the way the icons are applied to the menu, I can’t work out a nice way to get it working 100%.

In the mean time please try adding this CSS to your theme:

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a:before {
    content: "";
}

It will get rid of the weird icons, the downside is it will also mean you can’t use the menu icons built into Max Mega Menu.

Regards,
Tom

Thanks Tom,

I’ve just added that CSS to the child theme but it has not changed anything!

Sorry, sounds like you’ve already encountered problems with the Storefront theme! Any ideas?

Chris

Hi Chris,

Yep, there’s a conflict with font awesome (which storefront uses) and dashicons (which MMM is trying to use). It’s not an easy fix.

There’s a small error in your CSS which is stopping the CSS from being applied, please remove this last slash:

https://screencast.com/t/p5MBj9gYIg

Regards,
Tom

Awesome, thanks!

Well that was retarded of me, sorry about that.

Regards,
Chris

hehe, no problem ??

Tom,
I was really hoping for a fix. But this helps a lot already. I managed previously to edit the main menu properties according to a fix you previously suggested, but after the most recent updates that would not do the trick anymore.

Anyone that uses Storefront by woothemes will appreciate this (see how I drop keywords for a search?) ??

However, I am so grateful about this fix you posted that I finally made an account, just to say THANK YOU! (only took me 3 years) ??