Mobil Kullanıcılardan div etiketini gizlemek

Elinizde bir reklam kodu veya mobil kullanıcılarınız telefonlarında açamayacağı büyüklükte resim, video gibi akıllı telefonları yoran kodları gizlemek istiyorsanız aslında çok basit bir kodumuz mevcut. Bir kaç css kodu ile çok bilginiz olmasa daha yapabileceğiniz bu işlem şöyle yapılıyor. Örneğin elimizde reklam kodu var bunu sadece masaüstü kullanıcılarına göstermek istiyoruz. (Not : Bunun tam tersi de mevcut  yani sadece mobil kullanıcılarınızın div etiketini görmesi içinde yapabilirsiniz. )


@media screen and (max-width: 600px) {
  .nomobile {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 5px auto;
    width: 22%;
    height: auto;
    display: none; // Önemli olan nokta burası burayı kaldırırsanız sadece mobile için görüntülenir. 
  }
}

Buradaki en önemli nokta display:none; kodu olup mobil ekranda çıkmasını istiyorsanız bu etiketi kaldırmanız yeterlidir.

Mobil Kullanıcılardan div etiketini gizlemek
Mobil Kullanıcılardan div etiketini gizlemek

daha sayfanızda gizlemek istediğiniz bölümü

<div class=”nomobile”>Mobil Kullanıcılardan div etiketini gizle</div>
Burada illa div tagında kullanma zorunluluğu yoktur.
<p class=”nomobile”></p>

etiketleri arasına bile alabilirsiniz.
Aklınıza takılan bir yer varsa konuda belirtmeniz yeterli olacaktır.



Yazar: Kenan AĞKURT
2000 Yılından beri bilişim dünyasında yer alan Kenan AĞKURT. Uzun yıllar Web Tasarım konusunda hizmetler verdikten sonra SEO Uzmanı olarak çalışmalarına devam etmektedir.

6 yorum

Bir Cevap Yazın