"Menu icon right align" (#2875194) / ThemeNectar

Public Ticket #2875194

Menu icon right align

Closed

Comments

35
Barreoblique started the conversation
September 18, 2021 at 1:17pm
Hello !
I have tested with float right but, that dont works. Any short solution to align the icon on the right of the text insted of left in the main menu?
Thanks!
https://prnt.sc/1sp3r2l
35
Barreoblique replied
September 18, 2021 at 1:20pm
tested this
.nectar-menu-icon {
float: right!important;
text-align: right !important;
}
But, that dont works
8,844
Tahir replied
September 19, 2021 at 11:18am
Hey,

Please provide the page url so that i can write up the custom css for whats possible.

Thanks

ThemeNectar Support Team
35
Barreoblique replied
September 20, 2021 at 11:37am
Sure, sorry for the late replay.
www.wp-cafe.ca

Thanks!

2,960

Andrew replied

September 20, 2021 at 12:11pm

Hi again,

The following CSS might help

li.menu-item-has-icon.menu-item a {
    display: flex;
    flex-direction: row-reverse;
}

Regards

35
Barreoblique replied
September 20, 2021 at 12:18pm
Hi Andrew,

Hope you are well?

Your snippet is almost that! Thanks!
margin right dont works

Just need a gap after the letters

https://prnt.sc/1syij5y

2,960

Andrew replied

September 20, 2021 at 12:30pm

Hi again,

The following CSS might help

#header-outer header .nectar-menu-icon-img, #header-outer header .nectar-menu-icon {
    margin-left: 10px;
    margin-right:unset
}

Regards

35
Barreoblique replied
September 20, 2021 at 12:31pm
That's it!
Thanks!
Case close.
Wish you a great day!