Avisos
Vaciar todo
Hola,
He realizado una prueba de concepto con la plantilla Favourite de incluida en el hosting de prueba.
Al diseñar el menú me he encontrado con dos cosas que me gustaría saber como solucionar:
1º En determinadas resoluciones/pantallas el menú me sale en dos líneas en vez de transformarse en el menú desplegable como podéis ver en las capturas de pantalla adjuntas.
2º El diseño del menú que he realizado tiene demasiada profundidad para mi gusto y no se ve como me gustaría. Me gustaría que la opción de menú me llevase a un artículo donde en un menu/categoría pudiera acceder a las diferentes opciones y que fuera responsive. Este menu/categoria me gustaria que mostrase anidadas las subcategorias.
He intentado hacer alguna prueba de concepto en la opción de conócenos de la página web, pero no queda como me gustaría.
Dado que tengo el pack web empresa, si alguna plantilla de la nuevas me puede ayudar con estas funcionalidades no tengo inconveniente en cambiarla.
Por favor, me podéis dar alguna idea sobre como mejorar mi diseño de menú.
Gracias, un saludo
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 22/02/2014 9:05 am
Hola,
En la primera consulta básicamente es un problema de CSS para disminuir el espacio. 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:
-
Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench
Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/
La segunda consulta la puedes realizar en un nuevo hilo para poder mantener organizado el foro.
Saludos.
Respondido : 22/02/2014 5:02 pm
Hola,
Gracias por tu respuesta.
He revisado el video que me comentas pero mis conocimientos de CSS y HTML son limitados y lo que he entendido del video es como modificar los CSS o HTML, pero creo que mi problema es con la parte del código que hace que sea responsive mas que con la longitud del campo.
Intentare explicarme mejor.
Si lo pongo a pantalla completa en mi equipo lo veo el menú en una única línea (pantalla 13" panorámica con una resolución de 1366x768).
En cambio en otro ordenador con una pantalla de 15" 4:3 y una resolución de 1024x768 se ve en dos lineas a pantalla completa. Y en otro ordenador con una pantalla de 19" panorámica y con mayor resolución que la pantalla de 13" tambien se ve en dos lineas.
Las pruebas las he realizado tanto con Firefox 27, como IE 10.
Siento no poder explicarme mejor, soy un novato en estos temas.
Un saludo
Respondido : 22/02/2014 10:30 pm
Hola Gabriel,
El Pack Favourite (para Joomal 3.x) es RESPONSIVE de forma que cuando la visión de los elementos en un determinado escritorio o dispositivo es menor que determinado tamaño este menú se recoge y se presenta en modo dispositivo:
Si haces clic luego en ese icono se desplegará el menú adaptado a cualquier dispositivo.
Este funcionamiento es el normal a menos que hayas tocado código, estilos o configuraciones anulando dicho comportamiento.
Saludos
Respondido : 22/02/2014 11:45 pm
Hola,
No he tocado ningún código estilo o configuración ya que por el momento no tengo los conocimientos necesarios para ello.
Seleccione esta plantilla por ser responsive, pero el problema está con que no consigo controlar que el menu me aparezca en una o dos lineas.
Cuando lo muestro a pantalla si voy reduciendo el tamaño de la pantalla del navegador
1º Se muestra todo el menú en una linea
2º Se muestra el menú en dos lineas
3º Se contrae el menú y queda el modo navegación
He hecho tres capturas de pantalla para poder ejemplificarlo pero no veo como subirlas,
El problema lo tengo con el punto 2 que hace que en unos ordenadores a pantalla completa se me muestre el menú en dos lineas y en otros no.
Gracias, por tu ayuda
Respondido : 22/02/2014 11:58 pm
Ya he encontrado como subir los ficheros 🙂
Espero que ayude a explicar mi problema.
Gracias un saludo
Respondido : 22/02/2014 11:59 pm
Hola Gabriel,
Quizás si editas la hoja de estilos template.css y en la línea 188 modificas 14px; por 8px; por ejemplo consigas bajar el espacio entre ítems de menú lo suficiente como para que se vea bien en escritorios de menor resolución y que no afecte al comportamiento "responsive" que debería tener.
Haz copia de seguridad antes de proceder.
- Copias de Seguridad en Joomla 2.5.x y 3.1.x con Akeeba Backup: www.webempresa.com/blog/item/1109-copias-de-seguridad-en-joomla-25-y-3x-con-akeeba-backup.html
Saludos
Respondido : 23/02/2014 2:59 am
Hola,
Gracias por tu sugerencia.
En un principio pensaba que el problema era la resolución , pero al probarlo en otro equipo con un monitor de 17" y una resolución superior a 1024 (mañana podre confirmar la resolución) también me pasaba.
Si no es la longitud del menú (que entre en una única línea) ¿que es lo que condiciona que el menu se colapse en el diseño responsive? Lo digo para tenerlo en cuenta y que se vea como lo he pensado en todos los dispositivos.
Gracias un saludo
Respondido : 23/02/2014 8:52 am
Hola,
Lo condiciona los tamaños de los diferentes dispositivos móviles, puedes buscar herramientas para probar una web responsiva por ejemplo: http://www.responsinator.com/?url=http%3A%2F%2Ffernand4-cp66.webjoomla.es%2FMusicTogether%2Findex.php%3Foption%3Dcom_content%26view%3Dfeatured%26Itemid%3D101
De esta manera puedes probar tu web en los diferentes tamaños.
Saludos.
Respondido : 23/02/2014 3:29 pm
