hocam o javascript değil jquery, jquery'i bir sayfaya dahil edin ardından gtmetrix.com da sayfanızı taratın, size jquery'nin optimize edilmiş halini verecektir
</body> tagından önce js dosyalarını eklerseniz iyi olacaktır.
Şimdi siz menüye belli bir genişlik vermişsiniz, o genişlik düşünce ister istemez <li></li>
etiketleri de bozuluyor.
@media (max-width: 1024px) {
nav ul {
text-align: center;
}
nav ul li {
display: block;
}
}yukarıda ki kodları ekleyince sitenizde 1024px'den sonra menü yatay değil dikey olacaktır, ayrıca ortalanacaktır
çalışma mantığını anlarsanız biraz kurcalayın
öğrenmenin en iyi yolu budur @mediaa responsive'in olmazsa olmazıdır
media etiketi komple siteyi baz alıyor yani tek tek menü için ayrı sidebar için ayrı tanımlama yapmıyoruz
internette kaliteli eğitim videosu bulmak zor biraz epey uğraştım 1 haftadır birşey tasarladım tam wordpress döktüm siteyi yayınlıcam bu sefer kaymalardan dolayı sıkıntılar çıktı içim rahat etmiyo iskelette sıkıntı olunca bide en baştan işin yoksa tek tek düzelt şimdi
ücretsiz html5 css3 tema bulup indirdim sözde ama içinde html 5 ile gelen etiketler bile kullanılmamış responsive olmayan iskelet üzerine çalıştım o sıkıntı işte