Menu desplegable subcategorías  

 
Mikel
 Mikel
Estimable Member

Hola,

Estoy intentando modificar la forma en la que se desplegan las subcategorías del menú principal. Ahora mismo se abre un bloque a la derecha de la categoría y ahí aparecen todas las subcategorías que tengo. El problema es que al hacer esto se tapan el resto de categorías. Lo que me gustaría es que las subcategorías se desplegaran hacia abajo.

Gracias por adelantado

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 17/03/2015 8:59 am
Julen
 Julen
Miembro Admin

Hola Mikel,

Serán necesario varios cambios en los estilos CSS, concretamente en el archivo global.css para conseguir lo que comentas, estas modificaciones pueden ser algo delicadas.

Te recomendamos hacer uso de Firebug para localizar estilos, colores, tipografías, tamaños de posiciones, etc., pues con esta herramienta podrás localizar con facilidad que estilos gestionan estos detalles de la plantilla y después modificarlos eficazmente desde tu cPanel, Administrador de Archivos, Editor de Código (siempre previa copia de seguridad del archivo a modificar).

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- www.webempresa.com/blog/item/282-usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 17/03/2015 9:30 am

Cursos Gratuitos WordPress

Mikel
 Mikel
Estimable Member

Hola,

Usando el firebug he localizado cómo cambiar la posición y el estilo del desplegable, pero no logro encontrar donde cambiarlo en el archivo global.css

En el firebug ahora he puesto esto:

Respondido : 18/03/2015 9:58 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba a editar el archivo themes/leoconv/css/bootstrap.css. Previa copia de seguridad del mismo, cambia el código:

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

por este otro (se cambian los valores de top y left):

.dropdown-submenu > .dropdown-menu {
  top: 56px;
  left: 0;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 18/03/2015 1:28 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro