[Resolved] Menu like you

[Adam Zátopek]

Hi Tom,
How can i create menu like you. I mean items float left, and social icons float right…
Thank you very much for help,
Adam Zátopek

[Jean Paiva]

Hello Adam, follow these steps:

1. Add your social icons to your menu using FontAwesome in “Appearance > Menus” – add a custom link, input your social URL, and then add the FontAwesome HTML for the icon you want in the navigation label.
eg. Facebook Icon
<i class="fa fa-facebook-square"></i>

2. To make it float right, go to “Screen Options” at the top right of the Menus page, and make sure “CSS Classes” is checked.

3. Now open your menu item you want to float right, and add this class: menu-item-float-right

You can check all FA icons here: http://fortawesome.github.io/Font-Awesome/icons/

Jean

[Author]

Posts