Dikkat

Artık daha güncel bir blog olacak !

  • Cem Karakurt
  • 136 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.

  • 29 Ağustos 2015 tarihinde yazıldı.
  • 4 yorum yapıldı.
  • 1

Yorumlar (4 Yorum)

Yazı hakkında görüşlerinizi belirtmek istermisiniz?