- This topic has 7 replies, 2 voices, and was last updated 6 years, 1 month ago by Skandha.
-
AuthorPosts
-
October 30, 2018 at 9:12 am #158064wouwonlineParticipant
Hi, is it possible to add a whatsapp icon in the social media menu?
I now added a facebook and instagram icon, but I also would like to add a whatsapp icon, when you click on it, the whatsapp-app should be openend on your phone.
October 31, 2018 at 12:55 am #158106SkandhaParticipant@wouwonline: Yes, it is possible to add whatsapp icon in the social media menu.
Go to your social menu and add a custom link and on URL text area addhttps://api.whatsapp.com/send?phone=15551234567
. Replace the number at the last with your number that is country code and then your number. For eg: if 1 is the country code and 5551234567 is your number insert the link like this https://api.whatsapp.com/send?phone=15551234567.Now you seem to have already created a child theme. So,
Go to => Child Theme Folder => style.css and add the following CSS Code.@font-face { font-family: "FontAwesome"; font-weight: normal; font-style : normal; src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0"); src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); } .menu-item-6197 a { visibility:hidden; } .menu-item-6197 a::before { content:'\f232'; font-family:FontAwesome; visibility:visible; } a { text-decoration:none; }
Let me know if this works out!
Note: We recently moved our site to a new web server. So, if you don’t receive our reply even after 1-2 days time please post a new issue in the support forum. Sorry for the inconvenience caused.
Kind Regards,
SkandhaNovember 1, 2018 at 5:19 am #158226wouwonlineParticipantHi! I added the link in the social menu, and I added the code in Style.css from the WordPress dashboard.
Is that correct?
Only the icon is still not shown on the site: https://rijschooleriksnip.nl/ (the icon next to the instagram icon)Did I added it in the right file? Or should I change the file via FTP?
November 1, 2018 at 5:22 am #158227SkandhaParticipant@wouwonline: No, not from the WordPress dashboard.
Go to => Your Child Theme Folder => style.css and add the above code.Let me know if this works out!
Kind Regards,
SkandhaNovember 1, 2018 at 5:33 am #158228wouwonlineParticipantAnother question: is it possible to open the social icons in another tab? (target blank)?
I tried adding the html in the link target=_blank, but it didn’t work…November 1, 2018 at 6:22 am #158236SkandhaParticipant@wouwonline: Yes, that is possible. Go to => Appearance => Menus => At the top right corner you will find Screen Options click on it and Check Link target check box.
Now, when you edit the Social Menu you will find a Open link in a new tab checkbox option under every social menu item. Check the box and now the social menu item should open in a new tab on click.
Let me know if this works out!
Kind Regards,
SkandhaNovember 6, 2018 at 6:03 am #158675wouwonlineParticipantI, the whatsapp icon is still not working.
And after changing the style.css folder, I got some problems with the whole site.When i check the box of the social menu, for opening in a new tab, I get a downloadfile. Really weird.
I don’t have it when I check the open in a new tab-box in the normal menu.Also when I want to add a new contactform, I get a file downloaded. In the file is the following text:
<!DOCTYPE HTML PUBLIC “-//IETF//DTD HTML 2.0//EN”>
<html><head>
<title>503 Service Unavailable</title>
</head><body>
<h1>Service Unavailable</h1>
<p>The server is temporarily unable to service your
request due to maintenance downtime or capacity
problems. Please try again later.</p>
</body></html>Should I delete the text in the stylesheet to fix it?
November 9, 2018 at 11:20 am #158923SkandhaParticipant@wouwonline: Well I tried the same thing end at my end and it was working you must have messed up something. If you could provide me your WP admin credentials I could look into the issue and try fixing it. I could contact you by email if you are willing to provide me your WP credentials.
Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Add Whatsapp icon in social menu’ is closed to new replies.