Cambiar dirección menú desplegable

paupelu Seguir

Curioso
Verificación en dos pasos desactivada
Desde
4 Sep 2016
Mensajes
6
Hola a todos de nuevo.

Tengo un problema tratando de cambiar el menú despegable de una plantilla de mi blog. La plantilla es Milano y al desplegar el menú lo hace hacia abajo, incluidos los niveles 2, 3 o el que sea. De esa forma, cuando se despliega un menú se tapan los que están debajo. Mi idea es que todos los submenús se desplieguen hacia la derecha. He cambiado el float de none a left, pero lo que hace es colocar los dos primeros niveles de menú uno al lado del otro y el resto sigue de la misma manera,

Os dejo aquí el código CSS y el HTML:

Insertar CODE, HTML o PHP:
/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
	position: absolute; 
    z-index: 1000;
background: #494949;

}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
	
}
	
/* First Tier Dropdown */
nav ul ul li {
	min-width:170px;
	float:none;
	display:list-item;
	position: relative;

}

nav ul ul a:hover {
    background-color: #656565;

}

	
/* Change this in order to change the Dropdown symbol */
nav li > a:after { content:  ' >'; }
nav li > a:only-child:after { content: ''; }

HTML:
<!--Main Navigation-->
<div class='menu-wrapper'>
 <div class='menu'>
	<nav>
        <ul>
            <li><a href='http://www.mochileolowcost.com'>Principal</a></li>
            <li><a href='#'>Nosotros</a>
            <!-- First Tier Drop Down -->
            <ul>
                <li><a href='#'>Ana</a></li>
                <li><a href='#'>Alejandro</a></li>
            </ul>        
            </li>
            <li><a href='#'>América</a>
            <!-- First Tier Drop Down -->
            <ul>
                <li><a href='#'>Estados Unidos</a>
            	<!-- Second Tier Drop Down -->
                <ul>
                    <li><a href='#'>Hawái</a></li>
                    <li><a href='#'>Nueva York</a></li>
                    <li><a href='#'>Alaska</a>
                        <!-- Third Tier Drop Down -->
                        <ul>
                            <li><a href='#'>Stuff</a></li>
                            <li><a href='#'>Things</a></li>
                            <li><a href='#'>Other Stuff</a></li>
                        </ul>
                    </li>
                </ul>
                </li>
                <li><a href='#'>Canadá</a>
            	<!-- Second Tier Drop Down -->
                <ul>
                    <li><a href='#'>HTML/CSS</a></li>
                    <li><a href='#'>jQuery</a></li>
                    <li><a href='#'>Other</a></li>
                </ul>
                </li>               
            </ul>
            </li>

Os dejo también el ejemplo de la plantilla: Milano

Muchas gracias a todos y espero que podáis ayudarme.
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba