Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #158064
    wouwonline
    Participant

    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.

    https://rijschooleriksnip.nl/

    #158106
    Skandha
    Participant

    @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 add https://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,
    Skandha

    #158226
    wouwonline
    Participant

    Hi! 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?

    #158227
    Skandha
    Participant

    @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,
    Skandha

    #158228
    wouwonline
    Participant

    Another 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…

    #158236
    Skandha
    Participant

    @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,
    Skandha

    #158675
    wouwonline
    Participant

    I, 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?

    #158923
    Skandha
    Participant

    @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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Add Whatsapp icon in social menu’ is closed to new replies.