Menünün mobilde (yani küçük ekranda) istediğin gibi gözükmemesinin nedeni css. Açılır menü için de js gerekebilir.

Eğer tasarımı büyük ekrana göre yaparsan, küçük ekranlar için max-width değeri girersin. Eğer küçük ekrana göre yaparsan da, büyük ekranlar için min-width değeri girersin.


.menu {
width: 70%
}
@media only screen and (max-width: 640px) {
.menu {
width:100%;
}
}

veya


.menu {
width: 100%
}
@media only screen and (min-width: 640px) {
.menu {
width:70%;
}
}

gibi.

Siteye bütün görselliği verecek olan şey css'dir. Etkileşim için ise javascript kullanman gerekir. Açılır menü vs. Elbette pure css ile de açılır menü yapılabiliyor.

Temanın işlevselliği için ise mutlaka php bilmek gerekiyor. Kodlara biraz aşina olduktan sonra internetten gerekli kodları bulabilirsin. Örneğin yazının içinde yazarın ismini mi görüntülemek istiyorsun? "wp get author name" diye arama yapabilirsin. Çıkan ilk bir kaç sayfada zaten cevap vardır.



gibi.

Css için chrome'daki (diğer browserlar da olur) inspect - öğeyi denetle ile beğendiğin sitelerin css kodlarını incele. Tarayıcıyı değişik boyutlara getir ve değişen kodlara bak.

Aynı şekilde internette arama yaparak ne için ne kod lazım bulabilirsin. Mesela bir inputa girişi engelleyeceksin. "css input disabled" diye aratırsan ilk sayfa yazman gereken kodun input[type="text"]:disabled olduğunu verecektir.

Kolay gelsin.