Hide icons on mobile
To hide the menu item icons on mobile, go to Mega Menu > Menu Themes and paste one of the following options into the Custom Styling area:
1 2 3 4 5 6 |
/* Hide top level icons only */ @include mobile { #{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link:before { display: none !important; } } |
1 2 3 4 5 6 |
/* Hide icons on all menu levels on mobile */ @include mobile { #{$wrap} #{$menu} > li.mega-menu-item a.mega-menu-link:before { display: none !important; } } |