Site icon Emir Web Tasarım | Arama Motoru Optimizasyonu, Web Tasarım

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

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.

Exit mobile version