How to change position of FontAwesome icons in menu?

[ralphw]

Hello,

is there a way to change the position of the FontAwesome icons from “beside the menu items” to “below the menu items”?

Regards,

Ralph

[friech]

Hi Ralph,

Glad you sorted things out,

To other Pro users who might also have the same question, please inspect your Navigation Inline element, under the Top Links tab, set the Child Placement to Column

• 

Cheers!

[ralphw]

Hi friech,

I used this CSS to realize it:

.x-navbar .desktop .x-nav li>a>span:after {
display: block;
margin: 3px auto;
text-align: center;
}

About the picture you provided: I don’t find this menu if I go to “Theme options / Header”.

Is this in “Pro” only?

Regards,

Ralph

[friech]

Thank you for sharing your solution Ralph, sorry I did not realize you’re using X. Yes, that option is only available on header/footer builder which is available only to Pro.

Cheers!