Şimdi chanel temasında alt kategorileri açılır menü olarak yapmışlar.

Bence css dosyasından csslerini aldım aşağıdaki kodlar

/*******************
*	MENU		   *
********************/
#menu {
	background: #fff;
	height: 28px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 3px solid #cc0000;
}

#menu ul {
	float: left;
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0;
}

#menu li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: 1px solid #ddd;
}

#menu ul li {
	margin: 0 0 0 -1px;
	padding: 0;
	list-style: none;
	border-right: 1px solid #045;
}

#menu li a, #menu li a:link, #menu li a:visited {
	margin: 0;
	padding: 8px 12px 7px 12px;
	color: #000;
	display: block;
	font-size: 13px;
}

#menu li a:hover, #menu li a:active {
	background: #cc0000;
	margin: 0;
	padding: 8px 12px 7px 12px;
	color: #fff;
	display: block;
	text-decoration: none;
	border-bottom: none;
}

#menu li li a, #menu li li a:link, #menu li li a:visited {
	background: #fff;
	width: 130px;
	float: none;
	margin: 0;
	padding: 8px 12px 7px 12px;
	color: #000;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#menu li li a:hover, #menu li li a:active {
	background: #cc0000;
	color: #fff;
	padding: 8px 12px 7px 12px;
}

#menu li ul {
	z-index: 9999;
	position: absolute;
	height: auto;
	width: 155px;
	margin: 0;
	padding: 0;
	left: -999em;
}

#menu li li {
	border: none;
}

#menu li ul a {
	width: 120px;
}

#menu li ul a:hover, #menu li ul a:active {
}

#menu li ul ul {
	margin: -29px 0 0 156px;
	border: none;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
}

#menu li:hover, #menu li.sfhover {
	position: static;
}

Birde aşağıdaki kodları header.php'den aldım ve hepsini gerekli yerlere ekledim

<div id="menu">
  <div class="left">
    <?php wp_list_categories('title_li=&orderby=id'); ?>
  </div>
  <div class="right"> </div>
  <!--end: right-->
</div>
<!--end: menu-->

Şimdi eklediğim sitemiz bu. Burada da göründüğü gibi menümüz sola dayalı durmakta bunu temaya uygun hale nasıl getirebilirim. eğer gelmiyorsada sitede ortalı halde nasıl gösteririrm.