Bunu Nasıl Yapabiliriz?

Uyguladım hocam çok güzel oldu. Sizi çok uğraştırdım biliyorum ancak son bir sorum olacak. Örnek olarak gösterdiğim https://www.kidspartim.com sitesine mobilden bakabilirseniz eğer orada whatsapp butonu mobilde küçülüyor. Yani masaüstündekinden farklı bir buton kullanılıyor. Takdir edersiniz ki bu şekilde büyük olunca ürünlerin üzerini kapatıyor. Bu konuda da yardımcı olabilirseniz tamamen halletmiş olacağız. Şimdiden teşekkürler ilginiz için.


.whatsapp-btn {
display:block;
position: fixed;
left: 20px;
bottom: 20px;
z-index: 9999;
}

.whatsapp-btn svg {
width: 48px;
height: 48px;
}

@media only screen and (max-width : 480px) {
.whatsapp-btn {
left: 10px;
bottom: 10px;
}

.whatsapp-btn svg {
width: 34px;
height: 34px;
}
}

Bu css kodu işinizi görür. CSS dosyasının en altına eklemeniz yeterli.