How to align menu item icons to the right hand side of the menu item
By default, menu item icons will be displayed to the left hand side of the menu item text. If the item has a sub menu, the “down” arrow will be aligned to the right of the menu item text.
If you want to move the menu item icons to the right of the menu item text, go to Mega Menu > Menu Themes and enter the following into the Custom Styling area:
|
1 2 3 4 |
#{$wrap} #{$menu} li.mega-menu-item > a.mega-menu-link:before { float: right; margin-left: 10px; } |