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

  Css - Html    29 Ağustos 2015
4 Yorum

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.


Etiketler : , , ,

  Benzer Yazılar


  Yorumlar

  • Metin2 Hileleri

    Güzel Makale.

  • Osman Sefa Cengiz

    .

  • Ersin Aka

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

  • osman

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

sponsor reklam flexispy sponsor reklam alastyr

  Sosyal Medya

  Popüler Yazılar