Adding Social Image Links To Navbar (Header) and not the Top Bar

[thilton838]

Currently, I have Social links appearing in the top bar of my site.

https://aliciamhilton.com

I would like to add them instead to the main Navbar as seen in this website example

How can I best accomplish this task?

Thanks

[nabeel]

Hi there,

Thanks for writing in! To add social icons inline with the menu, please refer to the following links https://theme.co/apex/forum/t/add-social-buttons-to-menu/12812/2 and https://theme.co/apex/forum/t/social-icons-in-header-inline-with-menu/8249/2

Hope this helps!

[thilton838]

Following the instructions I was able to complete and am able to show facebook and instagram on Safari. However, Chrome and Firefox do not display correctly. Here is what I added:

Safari looks like

Chrome:

Firefox:

[nabeel]

Hi again,

Please change these lines of code:

<i class="x-icon x-icon-facebook-square" data-x-icon=""></i>
<i class="x-icon x-icon-instagram" data-x-icon=""></i>

With this:

<i class="x-icon x-icon-facebook-square" data-x-icon-b=""></i>
<i class="x-icon x-icon-instagram" data-x-icon-b=""></i>

In Font Awesome version 5 they split icons into multiple fonts, instead of data-x-icon now use the following:

• data-x-icon-b for social icons.
• data-x-icon-o for outline icons.
• data-x-icon-s for solid icons.

Cheers!