Configuracion logo ...
Avisos
Vaciar todo

Configuracion logo responsive gantry  

 
Gabriel
 Gabriel
Usuario eminente

Hola,

Al añadir el logo de mi página web veo que no se ve bien en determinados dispositivos móviles, como podéis ver en la siguiente url ( http://www.responsinator.com/?url=http%3A%2F%2Ffernand4-cp66.webjoomla.es%2Ffamily%2Findex.php%3Flang%3Des)
- iPad portrait · width: 768px: Se solapan el menu y el logo
- Varios: no entra el logo en la pantalla

El logo lo he creado del mismo ancho que el logo de encelado (46px), pero es de tipo jpg y lo he insertado como default logo en vez de como Gantry.

¿Se puede hacer que el logo se adapte al tamaño de la pantalla?

Gracias, un saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 03/03/2014 11:41 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 03/03/2014 2:19 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Gabriel
 Gabriel
Usuario eminente

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

ResponderCitar
Respondido : 03/03/2014 11:17 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

He ingresado a la web pero lo veo perfecto:

No creo que debas realizar cambio alguno en la web.

Saludos.

ResponderCitar
Respondido : 03/03/2014 11:36 pm

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

Gabriel
 Gabriel
Usuario eminente

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

ResponderCitar
Respondido : 05/03/2014 3:26 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 05/03/2014 4:29 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Gabriel
 Gabriel
Usuario eminente

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

ResponderCitar
Respondido : 08/03/2014 3:12 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 08/03/2014 5:06 pm

Cursos Gratuitos WordPress

Gabriel
 Gabriel
Usuario eminente

Hola,

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

Quedo a la espera de vuestras noticias.

Gracias, un saludo

ResponderCitar
Respondido : 10/03/2014 2:19 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 10/03/2014 5:34 pm

Gabriel
 Gabriel
Usuario eminente

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

ResponderCitar
Respondido : 11/03/2014 2:11 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 11/03/2014 6:20 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Gabriel
 Gabriel
Usuario eminente

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

ResponderCitar
Respondido : 12/03/2014 2:22 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 12/03/2014 5:40 pm

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

Gabriel
 Gabriel
Usuario eminente

Hola Pablo,

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

Un saludo

ResponderCitar
Respondido : 12/03/2014 10:41 pm