• İsmail Karakurt
  • 39 Okunma
  • 29 Ağustos 2015
  • 4
  •  1

Belli Çözünürlüklerde div Gizlemek

Tema düzenlerken karşılaştığım sorunlardan birisi de bilgisayarda eklediğim bazı kısımların düşük çözünürlükte (mobilde) düzgün gözükmemesiydi. Biraz araştırdım ve belli bir çözünürlük değerinin altında div gizlemeyi öğrendim. Benim çok işime yaradı. Hem kodu unutmamak hem de sizlerin de işine yarayacağını düşündüğüm için paylaşmaya karar verdim.  Bu kod ile isterseniz reklam alanlarını mobilde gizleyebilirsiniz. En çok bu konuda ihtiyaç duyuluyor.

Aşağıdaki kodu temanızın style.css dosyasına ekleyin. .reklam yazan yeri değiştirmeyi unutmayın . Hangi div’i gizlemek isterseniz onu yazmalısınız .

@media screen and (max-width:1070px) {
    .reklam {overflow:hidden; width:0; height:0;
    visibility: hidden;}
}

Yukarıdaki kod 1070 genişliğin altında .reklam div’ini gizliyor. 1070’i kendinize göre ayarlayabilirsiniz. Sorularınızı yorum olarak sorabilirsiniz.

İlginizi Çekebilir :   Popup Şeklinde Facebook Kutusu ve Mail Takip Eklentisi

YORUM YAP


BU YAZIYA 4 YORUM YAPILMIŞ

    Metin2 Hileleri 29 Ağustos 2015 - 15:59

    Güzel Makale.

    Osman Sefa Cengiz 29 Ağustos 2015 - 16:02

    .

    Ersin Aka 20 Eylül 2015 - 17:48

    İhtiyacım olan ama kelimelere dökemedim kod birimi,aslında basit bişey teşekkürler İsmail

    osman 28 Mart 2016 - 01:44

    teşekkürler çok işime yaradı.