Menu desplegable subcategorías  

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

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:

Y digamos que necesito encontrar esto en el archivo correspondiente, pero no doy con ello. ¿Me podría alguien ayudar?

ResponderCitar

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;
}