HTML 5 CSS 3 Site Boyutlandırma Yardım

Html 5 ve css kullanarak wordpress teması tasarladım yalnız çözünürlük kısmında sıkıntılar yaşıyorum deneme amaçlı çözünürlüğü düşürünce (1024px) menuler üst üste biniyo falan nasıl halledebiliriz?

CSS de 1024 px ve altı için ayrı css yazabilirsiniz. Eğer tahmin etmek zorunda kalmayı temayı görebilseydik daha iyi olurdu.

width height değerlerini px olarak değilde % olarak verirsen, site tarayıcının boyutuna göre şekillenir.

çözünürlüğe göre bazı değerleri değiştirmeniz gerekebilir hocam.
çözünürlük düştükçe çalışma alanı azalacağı için bazı değerleri (padding, margin vs.) düşürmek gerekebilir.

aşağıdaki örnekte myclass isimli class'ımız;
normalde 20px her yerden padding veriyor.

1199 px ile 992px arasında padding değerini 15px olarak değiştiriyor.
991px ile 768 px arasında padding değerini 10px olarak değiştiriyor.
767px ve altı için padding değerini 5px olarak değiştiriyor.
Bu tarz çözünürlüklere göre vereceğiniz değerler ile çözünürlükten kaybedilen alanlara göre düzenleme yapabilirsiniz. Bootstrap gibi responsive tasarım için kullanılan sistemler bu yapıyı kullanıyor. çözünürlüğe göre değerleri düzenleyerek daha temiz bir yapıda görünüm sağlıyorlar.

.myclass{
    padding:20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .myclass{
      padding:15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .myclass{
      padding:10px;
  }
}

@media (max-width: 767px){
  .myclass{
      padding:5px;
  }
}