Arkadaşlar css ile kendi menümü yapıyorum fakat responsive hale nasıl getiricem bi fikrim yok.
Html ve css kodları aşağıdaki gibidir:
<nav>
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="#">Menu 6</a></li>
<li><a href="#">Menu 7</a></li>
<li><a href="#">Menu 8</a></li>
</ul>
</nav>
nav {
margin: 28px 0 -28px 0;
width: 100%;
min-width: 1124px;
max-width: 1124px;
height: auto;
}
nav ul li {
background-color: #049372;
display: inline-block;
padding: 16px 26px;
}
nav ul li a{
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 30px;
color: #fff;
}
nav ul li a:hover{
color: #fff;
}
nav ul li:hover {
background-color: #F64747;
}
Genişlik düştüğünde böyle olması normal.
Tam olarak nasıl bir Responsive menü istiyorsun, Jquery ile açma kapama butonuda olabilir yoksa direkt yan yana sıraladığın menüleri alt, alta sıralayıp ortalayabilirsinde