Moving The Mega Menu Item Icon To The Right Of The Item - Question | JoomShaper
Back to the questions

Moving The Mega Menu Item Icon To The Right Of The Item

ML

Mike Lawson

Helix Framework 3 years ago

Hello

By default, when I select an Icon for my mega menu item, the icon appears to the left of the menu item, how can I move the icon to the right of the item? Thanks

0
6 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #6086

However, there is an alternative way if you like it!

Here is sample code that you need to put in your custom CSS:

.sp-megamenu-parent > li > a {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.sp-megamenu-parent > li > a span {
    order: 2;
}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Hope this helps!

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #5927

Hi there!

There is no default way to do that actually. There is positioning option only for the badge of the menu item.

However, you can give me your site url here to see if I can provide some CSS for you.

Best Reagrds

0
ML
Mike Lawson
Accepted Answer
3 years ago #5928

Hello

url is ata.spiderwebmichigan.com, added the site login under hidden content. Thanks

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #6079

Hi,

I have checked, you havn't put any menu icon there. Please put a menu icon then I will check again.

Best Regards

0
ML
Mike Lawson
Accepted Answer
3 years ago #6117

Rashida

That appears to have done the trick, I have added the css you provided. Thanks for your help

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #6123

Glad to know that:)

You are always welcome!

0