Docs

[Liiam1232]

Hi,

Is there an easy way to insert a custom Facebook logo and link it to the relevant Facebook page, within the navigation bar?

I’ve attached a photoshop image on where I would like the logo to be on the navigation bar so it’s a little clearer on what I’m after

If you need the website URL it’s http://vap-ex.co.uk

Thanks in advance
Liam

[Nico]

Hi There,

Thanks for writing in.

You can follow the thread below:

https://community.theme.co/forums/topic/social-icons-in-menu/page/2/#post-387565

Hope it helps.

Let us know how it goes.

Thanks.

[Liiam1232]

Hi Nico,

Thanks for the response, worked perfectly

I’ve got to add twitter along with Instagram,
The customer has asked if the icons can be set to the actual colours?

As they stand now they are taking the cloud scheme of the Navigation bar.
And also, if we could make the icons a little bigger than there are now, that would be perfect!

Thanks again
Liam

[Paul R]

Hi Liam,

You can add another menu items with this code.

Twitter

<i class="x-icon x-icon-twitter" data-x-icon="&#xf099;"></i>

Instagram

<i class="x-icon x-icon-instagram" data-x-icon="&#xf16d;"></i>

Then to make it bigger and change its color, you can add this under Custom > CSS in the Customizer.

.x-navbar a i.x-icon {
    font-size:20px;
}

/* Facebook Color */
.x-navbar .x-icon.x-icon-fa-facebook{
   color:#3b5998;
}

/* Twitter Color */
.x-navbar .x-icon.x-icon-twitter{
   color:#55acee;
}

/* Instagram Color */
.x-navbar .x-icon.x-icon-instagram {
   color:#e1306c;
}

Hope that helps

[Author]

Posts