submenu no se ve

[laura_moreno14]

he seguido este tutorial para crear un theme y despues de darle muchas vueltas no cosigo que el menu funcione bien.

como puede ver, no aparece ninguna subcategoria. deberian aparecer tres en vertical bajo la categoria biblioteca, pero no aparecen, solo se ve un trozito dentro de la capa header.
alguien sabe que pasa les dejo el css, creo que el problema esta ahi.

Código CSS:

/* Nav*/
#menu {width: 65%; height: 2.2rem; background-color: #000; list-style-type: none; position: relative; z-index: 300; float:right; margin-top:2.1%;}
#menu a { float: left; display: block; text-decoration: none; color: #fff; font-weight: bold; padding: 0.5rem 2rem 0.45rem 0.45rem; }
#menu a:hover { color: #fff; background: #93d22b;-webkit-border-radius: 5px; border-radius: 7px;}
#menu li { float: left; position: relative; }
#menu ul { position: absolute; display:none; width: 100%; top: 2.2rem; left: 0; }
#menu ul a { float: left; background: #000; }
#menu li ul a { width: 8rem; border-bottom: #93d22b 3px solid; height: auto; box-shadow: 0 0 1rem #000; }
#menu ul ul {top:auto;}
#menu li ul ul { margin:0px 0 0 10px;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {display:none;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {display:block;}
 

[Nekko]

Hola! Tu problema es de CSS, y no de WordPress.

En tu sitio veo que se abre debajo de Bibliotecas un segundo nivel del menú pero lo hace por debajo del contenedor que le sigue. Deberías investigar sobre el uso de z-index.

Fijate que las medidas de unidad deberían ser "em" y no "rem".

[laura_moreno14]

el caso es que no tengo ningun otro z-index puesto por lo que hasta donde yo se con ese z-index:300 el menu deberia aparecer por encima de todo.

antes tenia el div menu dentro del div header, lo he cambiado y lo he puesto fuera, despues del header y funciona por lo que hay esta el problema mientras sigo intentandolo les dejo el codigo:

Código:

header { width: 100%; height:4em;background:#000; overflow:hidden;auto; }
#titulo a {color: #93d22b; width: 30%; float: left; font-size: 2rem; font-weight: bold; margin: 0.8rem 1rem; text-decoration: none; }

Código:

<header>
        <section id="titulo"><a href="index.php"><?php bloginfo('name'); ?></a></section>            
</header>
<nav>
		<?php wp_nav_menu( 
			array(
			'container'		=> false,
			'items_wrap' 	=> '<ul id="menu">%3$s</ul>',
			'theme_location'=> 'menu',
		)); ?>
        
</nav>