Whatsapp Icon on mobile version

This topic has 7 replies, 3 voices, and was last updated 6 years, 10 months ago by saschaeh.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
March 20, 2018 at 12:30 pm #47414

saschaeh
Participant

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.

March 20, 2018 at 1:02 pm #47439

Artem Temos
Keymaster

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.

March 20, 2018 at 1:24 pm #47458

saschaeh
Participant

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/

March 20, 2018 at 1:28 pm #47460

Artem Temos
Keymaster

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.

March 20, 2018 at 1:45 pm #47473

saschaeh
Participant

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.

March 20, 2018 at 2:00 pm #47487
Bogdan Donovan
Keymaster
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
March 20, 2018 at 2:06 pm #47493

saschaeh
Participant

Worked thanks!!

March 20, 2018 at 2:11 pm #47503

saschaeh
Participant

Sorry lastly,

How do i get rid of the email one?

And can i change the order of the social icons?
Author

Posts