Arkadaşlar nette bulduğum ücretsiz bir wordpress teması üzerinde çalışıyorum. Menuleri (Kategori) dropdown yaptım ama alt kategoriler çok kısa kaldığı için yanyana görünüyor ben alt alta görünmesini istiyorum. Alanı daraltıncada uzun kategoriler sapıtıyor. Bir göz atarmısınız?

Sitem Bu:

İnternet sekmesine tıkladığınızda ne söylemek istediğimi anlayacaksınız. Yarım css bilgisiyle bir yere kadar oluyor. :(

Şimdiden teşekkürler.

İlgili alanın CSS kodları

.ust-menu{ width:100%; background:#2c6f95; float: left; height: 27px; padding-bottom: 20px; margin-bottom:10px; }
.ust-menu .menu li {float:left; padding-top:7px;}
.ust-menu .menu li a{ color:#fff; text-shadow:1px 1px 1px #000;}
.anahome{ background:url(../images/bg2.png) repeat-x rgba(0, 96, 150, 0.59); text-align:center; padding-top:10px; float:left;height:37px; width:50px;border-right:0px; border-left:0px; }
.ust-menu li a { font-size: 13px; padding: 8px; line-height: 34px;}
.ust-menu li a:hover, .ust-menu li a:active, .ust-menu li.first a {background-color:#4894c0; padding:10px; font-weight: bold; border-radius:0px 15px 0px 15px; -moz-border-radius:0px 15px 0px 15px; -webkit-border-radius:0px 15px 0px 15px; color: #fff; line-height: 34px;}
.ust-menu li a:hover
{
text-decoration: none;
}
.ust-menu li.current-cat a, .ust-menu li.current-cat-parent a
{
line-height: 34px;
}

.ust-menu li ul
{
background: #2c6f95;
padding-left: 8px;
position: absolute;
left: -999em;
width: 200px;
border: 5px solid #ECEDE8;
border-top: none;
border-left: none;
border-radius: 0px 15px 0px 15px;
z-index: 999;
}
.ust-menu li ul li a.sf-with-ul
{
padding: 0 15px;
}
.ust-menu li ul li a:hover
{
color: #fff;
text-decoration: none;
line-height: 34px;
border-bottom: none;
}
.ust-menu li ul ul
{
margin: -36px 0px 0px 178px;
}
.ust-menu li ul ul li a
{
}
.ust-menu li ul li ul li a
{
}
.ust-menu li:hover, .ust-menu li.hover
{
position: static;
}
.ust-menu li:hover ul ul, .ust-menu li.sfhover ul ul, .ust-menu li:hover ul ul ul, .ust-menu li.sfhover ul ul ul, .ust-menu li:hover ul ul ul ul, .ust-menu li.sfhover ul ul ul ul
{
left: -999; /* menu hatası burdaymıs */
}
.ust-menu li:hover ul, .ust-menu li.sfhover ul, .ust-menu li li:hover ul, .ust-menu li li.sfhover ul, .ust-menu li li li:hover ul, .ust-menu li li li.sfhover ul, .ust-menu li li li li:hover ul, .ust-menu li li li li.sfhover ul
{
left: auto;
}

/* category navigation indicator */
.nav .sf-sub-indicator
{
}
.nav li ul .sf-sub-indicator
{
}