Currently, I have Social links appearing in the top bar of my site.
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
Currently, I have Social links appearing in the top bar of my site.
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
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!
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:
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!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.