Link for installed app if not show message.

[theremotedr]

http://www.theremotedoctor.co.uk/index.html

Take the above page as an example.
At the bottom of the page you will see social media icons.
The green icon is Whatsapp and is the one in question.
When on a phone or tablet and the icon is clicked You are asked if you would like to open Whatsapp.
Providing you have Whatsapp installed this is great as it works fine

Now here is the bit I need help with.
If you don't have it installed on the phone / tablet or even the PC I would like a message to be shown saying Please install Whatsapp etc.
In the form of a message or directed to a html where I will write the message etc.
Currently you see a message advising Unknown page etc.

Can you advise how to sort this or point me in the direction for me to check.

[mlegg]

I would think that using Hangouts from Google would be easier. I think most people all over the world use Gmail. I have a Galaxy android phone and it was pre-installed on it
Download it here for Apple.
Download it here for Android.


Use Hangouts to keep in touch. Message friends, start free video or voice calls, and hop on a conversation with one person or a group.

• Send and receive both Hangouts and text messages (SMS/MMS) and switch easily between message types.
• Include all your friends with group chats for up to 150 people.
• Say more with photos, maps, emoji, stickers, and animated GIFs.
• Turn any conversation into a free group video call with up to 10 friends.
• Call any phone number in the world (and all calls to other Hangouts users are free!).
• Connect your Google Voice account for phone number, SMS, and voicemail integration.
• Keep in touch with friends across Android, iOS, and the web, and sync chats across all your devices.
• Message friends anytime, even if they’re offline.

Notes: Mobile carrier and ISP charges may apply. Calls to Hangouts users are free, but other calls might be charged. View our calling rates at https://www.google.com/hangouts/rates

[mlegg]

the video feature may be helpful for you and your customers too

[theremotedr]

Hi,
I decided to just show the icon for screens less than 800px.
800 is just a starting point until i know what im going to use.
Having said that the code ive used does nothing but it should.
Here is the page http://www.theremotedoctor.co.uk/index.html
This is the code,

@media screen and (max-width: 800px) {
  .hideicon {
	display:hidden;
  }
}

[Beverleyh]

It should be display:none;

[theremotedr]

Ha Ha Ha
I had it at non then changed it to hidden.
Ive now changed it to none again.
It works great when you look at the dreamweaver screen BUT when i check on pc etc its still shown ?

[styxlawyer]

.
.
It works great when you look at the dreamweaver screen BUT when i check on pc etc its still shown ?

I expect you're looking at a cached page. <CTRL> + R should reload the page.

[theremotedr]

Ive deleted all etc,maybe slow at my end.
Do you see the icon is is it not shown for you ?

[theremotedr]

Cache cleared etc etc but the issue is stioll the same.
The icon in dreamweaver is not show but on the pc it is shown ?
See photos below.
This morning ive used a few different codes but nothing works in respefct of pc screen.
Even changing the word within.
display none, with/without important.
visability none, with/without important.
display block.
As opposed the hide etc i thought just change image.

Nothing at all works, why is something so simple making such an issue.

[theremotedr]

Any help why this easy fix will not work as expected.
I dont care how its done, whether image hidden or even just replaced with an image the same colour as its background.
Ive also tried this approach but looking at the pc its stoill there.
Even changed the screen px etc in the code but did not affect pc at all.