Whatsapp Icon on mobile version

Hi there,

I would like to use Whatsapp icon for Mobile Top Header in the centre. In the end I want someone to be able to click this and either call or save number to their phone. Currently in top central navigation of mobile it shows all the other social profile icons. I want to add whatsapp to this. Currently it is not listed as an option.

Can you add custom social icons in the social profile sections? If so how?

I tried to add awesome icons and add it manually but it created problems with the other icons so rather get your recommendations before I hack around to much with all this.

Thanks,
Sascha

Attachments:

You must be logged in to view attached files.

Hello,

Could you please send us some link with an example of such button so we can understand what do you mean?

Thank you in advance.

It is just the Whatsapp icon and the Href would be ICON

And that href will then prompt you to call or save the number.

i have added this functionality but with the Twitter icon. so if you click on the twitter icon you will see what happens. best to test on your phone. Essentially all i need is to change the twitter icon to WhatsApp.

https://www.instrumentrentalbarcelona.com/

Try to use any of the icons in Theme Settings -> Social Profiles ->
Links to social profiles and we will give you a custom CSS code to replace it with Whatsapp icon.

yes so i have done this with the twitter social profile and added the “tel:123”. How do i make it Whatsapp?

Attachments:

You must be logged in to view attached files.

Please, try to add this code to the custom code area in Theme Settings.

.woodmart-social-icon.social-twitter a i:before {
	content: "\f232";
}

Regards

Worked thanks!!

Sorry lastly,

How do i get rid of the email one?

And can i change the order of the social icons?

[Author]

Posts