I need to add whatsapp icon

Hi i need to add WhatsApp icon to header, take a look at my website “WHATSAPP” section i would like to add a icon next to it, also on mobile menu header.

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

li#menu-item-8457 .nav-link-text::before {
    content: "\f175";
    font-family: 'woodmart-font';
}

Best Regards

is there other way to add this without code? like a icon code to menu?

tried adding this “fab fa-whatsapp” didnt work

Hello,

Please edit the menu item and try adding the icon class to the menu item.

Screenshot for Clarification: https://gyazo.com/870119ec3e9775102cc12b340c5162dd

Best Regards

Yes where it says “Icon name (from FontAwesome set)” i added this “fab fa-whatsapp” but i didn’t work.

Hi

Hello,

Please try adding only the icon’s name. Then it will work.

Screenshot for Clarification: https://gyazo.com/cb8c45ee159eab1cdf5662b47e74c99c

Best Regards

it’s not visible, do i need to enable something to use fontawesome icons?

Hello,

Please Go to Theme Settings >> Performance >> Fonts & Icons and enable the option.

Screenshot for Clarification: https://gyazo.com/6eb1e447da2aeea6d30f55bbfb64b97f

Then check back.

Best Regards

not sure whats im doing wrong but cant see the icons

Hello,

Please provide the admin panel login details of the website to check it myself and help you out accordingly.

Best Regards

Hi i have the same error here. Copy from the site awesome the icon code like: <i class=”fa-brands fa-whatsapp”></i>
And insert it in texts and header but not show or only show a square with a X inside.

Hello,

@ralphdouglas Please Go to Theme Settings >> Performance >> Fonts & Icons and enable the font awesome library.

Screenshot for Clarification: https://ibb.co/J3gzNHq

Then check back. If the issue still occurs then create a new topic and provide the login details of the website.

Best Regards

[Author]

Posts