Wordpress Menu - molim pomoć

Bok,

koristio sam ovaj tutorial kod izrade navedenog
link : Big Menus, Small Screens: Responsive, Multi-Level Navigation | Webdesigntuts+

nakon praćenja tutoriala, menu radi ali sa jednim nedostatkom, znači koristim Wordpress

meni je bitno da mogu menu napraviti u ovome (pogledajte sliku)

Znači , wordpress — appearance — menu

kad napravim menu, on se pojavi, kad u tom navedenom menu napravim par sub-menu kategorija
kao gore na slici onda nastaje problem, te sub-menu kategorije se ne pojavljuje…

u index.php koristim ovaj code za menu :

<div class="container">
<a class="toggleMenu" href="#">Menu</a>
<ul class="nav">
  
      <?php
    if (function_exists('wp_nav_menu'))
    {
      
        wp_nav_menu(array('container_class' => 'menu', 'fallback_cb' => 'bac_wp_page_menu'));
    } 
    else {
        bac_wp_page_menu();
    }
    function bac_wp_page_menu() {
        wp_page_menu('show_home=1&menu_class=menu&depth=0');
    }
    ?>
  
	</ul>
	</div>

a style.css izgleda za menu ovako :

.container {
    width: 90%;
}
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}
.nav {
    list-style: none;
     *zoom: 1;
	 float: left;
	 margin: 10px;	 
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
}
.nav a {
    padding: 10px 15px;
    color: rgb(77, 77, 77);
	font-weight: bold;
	font-size: 11px;
	transition: all 0.3s ease 0s;
	background: url("http://www.webmajstori.net/forum/images/menul.png") no-repeat scroll left transparent;
}

.nav a:hover{
    color: rgb(184, 184, 184);
}

.nav li {
    position: relative;
	float: left;
	display: block;
}
.nav > li {
    float: left;
}
.nav > li > .parent {
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #ffffff;
    position: relative;
    z-index: 100;
    border-top: 1px solid rgb(184, 184, 184);
}
.nav li li li a {
    background: #f6f1f1;
    z-index: 200;
    border-top: 1px solid #1d7a62;
}

pa bih vas molio pomoć ako mi možete reći što trebam izmjeniti bilo u .php-u ili css-u da mi se normalno prikazuje sub-menu kad pređem preko kategorije koja ima sub-menu.

hvala !!!

.nav li.hover promijeni u .nav li:hover

prvi ti gleda klasu .hover na elementu, a drugi je pseudo selektor koji se aktivira kada mišom pređeš preko elementa

hvala :slight_smile: