Configuracion logo responsive gantry  

Hola,

Cargando el logo propio de la plantilla la imagen realmente se cargará como fondo, por lo que no se podrá adaptar al ancho disponible. En tu caso el problema está en que ese logo tiene un ancho mayor que el ancho de pantalla del dispositivo móvil con el que has realizado la prueba.

Para solucionar esto podrías probar a cambiar la forma en la que se carga el logo. En primer lugar vete en la administración de Joomla a Extensiones->Gestor de Plantillas y edita la plantilla Encelado. A continuación pulsa en el pestaña Layouts. Para la posición Posiciones Header cambia el tamaño de distribución de las cajas de 3|9 que está ahora a 5|7. Esto lo puedes hacer con la barra de desplazamiento que se muestra debajo de las cajas. De esta forma se reserva un mayor espacio para la zona del logo.

Luego vete a la pestaña Estilo y en el parámetro Logo elige OFF para Mostrar. Así no cargamos el logo desde la propia plantilla.

Ahora vete a Extensiones->Gestor de módulos y crea un nuevo módulo de tipo HTML personalizado que deberás colocar en la posición header-a. Configúralo para que no se muestre el título y se cargue en todas las páginas. En la parte de contenidos carga la imagen del logo. Opcionalmente puedes poner un enlace a la imagen para que vaya a la página de inicio. Es posible que así funcione, aunque tendrías que probarlo primero.

Hola,

Gracias por tu ayuda.

He aplicado los cambios que me has sugerido y ahora el logo se muestra correctamente en modo responsive.

Pero, ahora la separación entre el TOP y el Slide ha pasado de 72px a 112px. En el módulo solo he insertado la foto, no hay espacios ni antes ni después de ella.

Te adjunto unas capturas de pantalla

Me puedes indicar como eliminar ese espacio añadido (40px) añadidos encima y debajo del logo

Gracias, un saludo

Hola,

He ingresado a la web pero lo veo perfecto:

No creo que debas realizar cambio alguno en la web.

Saludos.

Hola,

Gracias por tu ayuda.

En la web se ve bien ahora por que he deshecho los cambios. Puedes ver el problema que reporto en los ficheros adjuntos.

Si necesitas verlo en la web, indícamelo y vuelvo a aplicar el cambio en la web.

Un saludo

Hola,

Tendríamos que poder ver esto directamente en la web. Lo más probable es que se esté dejando un margen en algún sitio que habría que eliminar, pero para saberlo tendríamos que poder analizarlo de forma directa.

Hola,

Gracias por tu ayuda, he vuelto a aplicar los cambios que me sugeriste, como puedes ver en la página, ahora el logo ocupa más espacio que cuando lo activas desde el framework gantry.

Por favor podeis revisar como puedo eliminar esos espacios.

Gracias, un saludo

Hola,

Entiendo que el logo lo cargas desde un modulo, nos puedes enviar una captura de dicho modulo pero el editor de texto en modo código? y por ultimo también una captura de la pestaña avanzada para ver si no te carga algún estilo CSS.

Saludos.

Hola,

Os adjunto la información que me pedíais.

Quedo a la espera de vuestras noticias.

Gracias, un saludo

Hola,

En el código que has puesto para cargar el logo personalizado quita la etiquetas

y

que veo en la captura de pantalla que has enviado.

Ten en cuenta que esta etiqueta de párrafo añade un margen debajo de la imagen del logo.

Hola,

He realizado los cambios que me indicas pero parece que no funciona, te adjunto una captura con la configuración aplicada al módulo.

Otra cosa que he observado es que una vez eliminado el retorno de carro vuelvo a conmutar la vista al modo edición y me vuelve a insertar esos retornos de carro.

Quedo a la espera de tus sugerencias, gracias por tu ayuda.

Un saludo

Hola,

Revisando tu web veo que ahora el logo se muestra correctamente. No acabo de tener claro cuáles son los espacios en concreto que quieres eliminar.

Sobre lo de colocar la etiqueta de párrafo cuando vuelves a editar el módulo, ese es el funcionamiento normal del editor JCE que estás utilizando. Tienes que desactiva el editor con el enlace Toggle Editor y guardar los cambios para asegurarte de que se borra, recordando que cada vez que edites el módulo con el editor activado este te volverá a agregar la etiqueta de párrafo si guardas los cambios.

Hola,

El cambio ha mejorado los espacios pero sigue sin quedar igual que como queda cuando se muestra el logo a través de la opción del framework de gantry:

Los tamaños observados (meauseit con firefox) son:
1 Usando la opción del logo del framework gantry: 72 px
2 Usando un módulo y editor JCE: 112 px
3 Usando un módulo y eliminado los retornos de carro del JCE: 99px

El ejemplo del 3 lo puedes consultar en el fichero adjunto, los ejemplos del 1 y 2 los puedes consultar en los fichero subidos en el mensaje 148911.

Gracias por vuestra ayuda, un saludo

Hola,

Eso ocurre porque cuando se coloca el logo desde un módulo se agregar un margin que con el sistema propio de la plantilla no hace.

Prueba a editar el módulo donde has colocado el logo y pulsa en la pestaña Avanzado. En el parámetro Clase CSS del módulo prueba a poner el valor logo-block y comprueba si se soluciona el problema con el margen.

Hola Pablo,

Funciona......................, muchas gracias por tu ayuda, ha sido genial.

Un saludo