<div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a class="wpbottombutton" href="https://wa.me/+905xxxxxxxxx" target="_blank" style="color:#fff;" > <i class="fa fa-whatsapp" aria- hidden="true"></i> </a>
</div>
<div align="center">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a class="wpbottombutton2" href="tel:+905xxxxxxxxx " target="_blank" style="color:#fff;" > <i class="fa fa-phone" aria-hidden="true"> </i> </a>
</div>
Özelleştir kısmından ek css kısmına eklenecek kodlar;
(Background kısmından renkleri, padding kısmından butonun büyüklüğünü ayarlayabilirsiniz.)
.wpbottombutton {
position: fixed;
bottom: 0;
background: #25D366;
width: 50%;
padding:0.75em;
text-align: center;
}
.wpbottombutton2 {
position: fixed;
bottom: 0;
background: #1d1d1d;
width: 50%;
padding:0.75em;
text-align: center;
}
(Alttaki kodu sadece mobilde görünmesini istiyorsanız aynı şekilde ek css kısmına ekleyebilirsiniz.)
@media (min-width:900px)
{
.wpbottombutton, .wpbottombutton2
{
visibility:hidden;
}
}
