Whatsapp icon not appearing on desktop

Posted in: Newspaper
Post count: 43

Hi,

On the post page the whatsapp sharing button is appearing on mobile but its not appearing on the desktop screen. My client wants it on the desktop screen as well.

Can you please guide how to enable it on desktop.

Thanks

Post count: 23312

Hello vineetaggar,

That social icon has not been designed to be used for desktop and that’s why this is hidden from the desktop.

The code is here ->

@media (min-width:767px){
.td-social-whatsapp{
display:block!important;
}}

Thanks.

Post count: 43

Thanks Catalin,

I pasted this code in custom css. Now the whatsapp icon is appearing but in the next line. Please guide how to align this icon along with other social sharing icons.

Also clicking on it opens a blank window. How to make it operational?

Regards

Post count: 23312

Hi,

Remove the code above and use the following ->

@media (min-width:767px){
.td-social-whatsapp{
display:inline-block!important;
}}

Thanks.

Post count: 43

Thanks. Now its aligned correctly.

But on desktop clicking on the whatsapp icon opens up a blank screen. It does not show any option to share on whatsapp from the desktop.

Can you please help resolve this?
Regards

Post count: 9544

That is how Whatsapp works – it’s a ‘mobile only’ product; and the end user must have the ‘app’ installed on their mobile device. Whatsapp is for ‘app’ not for desktop, which is why you never see the icon on desktop versions of websites; only on mobile versions.

So, unless somebody actually has the ‘app’ installed, clicking the button does nothing.

You may want to read up more about Whatsapp to learn what it actually is/does.

I don’t work here, just long time webdev dinosaur. Good luck!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.