Tema: Desplegar submenu y desplazar items inferiores en menu responsive
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/12/2013, 12:26
MindPaniC
Invitado
  
Mensajes: n/a
Puntos:
Pregunta Desplegar submenu y desplazar items inferiores en menu responsive
Hola

Necesito que al pulsar en los items del menu principal en la vista para moviles (reducir tamaño pantalla para verlo) se desplacen los items al desplegarse el submenu, el submenu tiene un z-index:2; ya que al desplegarse se ocultaba debajo de capas inferiores del diseño, creo que esa es la causa, estoy probando pero no se como solucionarlo. por favor echar un ojo al menu principal

Podeis verlo en: http://test.javierdelpozo.com/es/

este es el media query del menu principal:

Código CSS: 
Ver original
  1. @media screen and (max-width: 800px) { /* AJUSTES PARA MENOS DE 800PX */
  2.     #principal {
  3.         float:left;
  4.         width:100%;
  5.     }   
  6.     #principal ul {
  7.         float:left;
  8.         width:100%;
  9.         padding-top:0; 
  10.         padding-bottom:0;
  11.     }
  12.     #principal ul li {
  13.         display:block;
  14.         width:100%;
  15.         float:none;
  16.         list-style:none;
  17.     }
  18.     #principal ul li a {
  19.         display:block;
  20.         width:100%;
  21.         margin:0;
  22.         border-right:0;
  23.         text-align:center;
  24.     }
  25.     #principal ul ul {
  26.         margin-top:0;
  27.     }
  28.     #principal ul ul li a {
  29.         padding:17px 5px 17px 5px;
  30.     }
  31.     #principal ul li:hover ul {
  32.         z-index:auto;
  33.     }

Estoy seguro que el problema es del z-index.