Плавающая кнопка WhatsApp HTML и CSS ⇐ Html

[Anonymous]

Я пытаюсь добавить плавающую кнопку WhatsApp на свой веб -сайт, используя ручку Кевина Кастро здесь: https://codepen.io/demoonkevin/pen/mvpepv

Вот html, который я использую:


< /code>

Вот css: < /p>

/* WhatsApp Button */

.whatsApp{
position:fixed;
width:60px;
height:60px;
bottom:40px;
left:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-whatsApp{
margin-top:16px;
}
< /code>

Однако есть несколько проблем: < /p>

• Это не работает на мобильных устройствах? Кнопка нигде не отображается на странице ... < /li>
  Логотип WhatsApp не белый, когда я вставляю код на мою страницу (если вы посмотрите на ручку выше, у него есть зеленый логотип с белым WhatsApp в середине значка).

Подробнее здесь: https://stackoverflow.com/questions/589 ... ml-and-css