Hi Carolina,
I am using Chrome browser and I have setup a menu and linked it to the primary menu in the top. All top-level menu items appear and function correctly but the child menu items appear on hovering on their parent item but they disappear immediately when we move our cursor to them. You can try creating sub pages or create a non-clickable item in the parent and put several categories under that.
The problem seems to be with the logo block (the special cloud for the logo). The moment i removed this piece of code, and replaced with my own code for the logo, the menu items and child items were working properly.
I replaced this code:
<div id="header">
<div id="header-menu" class="menu-background" role="navigation"><?php wp_nav_menu( array( 'theme_location' => 'header' ) ); ?></div>
<div class="logo"><img src="<?php echo get_template_directory_uri()?>/images/cloud-large.png" height="146px" width="316px" alt="<?php wp_title( '|', true, 'right' ); ?>" /></div>
<h1 class="site-title" id="headline"><?php bloginfo( 'name' ); ?></h1>
<h2 class="site-description" id="tagline"><?php bloginfo( 'description' ); ?></h2>
</div>
with my own code:
<div id="header-menu" class="menu-background" role="navigation"><?php wp_nav_menu( array( 'theme_location' => 'header' ) ); ?>
</div>
<div style="font-family:garamond;font-size:60px;color:white;width:100%;text-align:center;font-weight: bold;text-shadow: 2px 2px gray;">Super Kids Chess Academy</div>
<div style="font-family:garamond;font-size:30px;color:white;width:100%;text-align:center;">Sharpening the Minds</div>
</div>
