mobile-cookie clasını normal html de ekle. css de @media (min-width:768px) olunca display:none yap. max-width:768 de ise display:block
@media screen and (max-width:768px) {
.mobile-cookie {display:block}
}
@media screen and (min-width:768px) {
.mobile-cookie{display:none;}
}
Yukarıdaki arkadaşın bahsettiği mobil optimizasyon için kullanılan yöntem ancak siz bunu bilip bunun dışında bir şey yapmak istiyorsanız, ufak bir js kod yazdım:
var h = window.innerWidth;
var x = document.getElementsByClassName("cookie-bar");
if(h < 768) {
x[0].classList.add("mobile-cookie");
}
else {
x[0].classList.remove("mobile-cookie");
}
Ekran genişliği fark etmeksizin mobil cihazlarda eklenmesi gerekiyor. @media kullanmayı biliyorum ancak yapmak istediğim işlem için bir genişlik belirleyip uygulamak çözüm değil.