Avisos
Vaciar todo

logotipo mas grande en fauvorito  

 
FABRICIANO
 FABRICIANO
Estimable Member

Buenos días,
Estos días he hecho una consulta con este tema y se me ha solucionado pero el problema es que en los aplle ipad y todos los aparatos con un tamaño de 7 pulgadas mas o menos, el logotipo queda tras las imágenes.
Que solución tengo a eso?
Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 12/06/2015 12:20 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El problema está con el tamaño de la imagen que has subido para el logo, mucho más grande que el tamaño con el que se muestra. Esto, además de provocar el problema con el logo en ipad, también hace que la página ocupe espacio innecesario en disco, con el consiguiente aumento en los tiempos de carga, además de que la imagen se puede ver deformada.

Lo correcto sería que modificaras el tamaño de la siguiente imagen:

Contenido solo visible a usuarios registrados

Tienes que redimensionar la image para que pase de su tamaño actual 1181x327 píxels a un tamaño de 291x81.

Una vez que tengas la imagen la tendrás que subir a tu web, reemplazando a la imagen anterior.

ResponderCitar
Respondido : 12/06/2015 4:11 pm

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

FABRICIANO
 FABRICIANO
Estimable Member

He hecho lo que me has dicho, y en las tablet de tamaño pequeño, se esconde el logo
y en los moviles tambien

ResponderCitar
Respondido : 15/06/2015 11:00 am
Rafael
 Rafael
Miembro Moderator

¡Hola Fabriciano!

El problema es porque tienes especificado una altura con valor fijo por este motivo, no llega a ser responsivo el logo con otros dispositivos móviles.

Para solucionar esto, añade el siguiente código CSS en templates/favourite/css/joomla.css como ya una vez te recomendamos:

#fav-logo {
    height: 100% !important;
}

#fav-nav {
padding-top: 20px;
}

.row-fluid .span9 {
width: 65.309% !important;
padding-left: 0px !important;
}

Con ello, deberías de poder ver el logo correctamente tanto en web como en dispositivos móviles.

No olvides de vaciar la caché.

Si tienes dudas sobre este mismo hilo, lo mejor es que respondas en el mismo hilo para que podamos hacer un mejor seguimiento de tu consulta.

Saludos

ResponderCitar
Respondido : 15/06/2015 12:25 pm

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

FABRICIANO
 FABRICIANO
Estimable Member

Al final? o en algún numero de linea

ResponderCitar
Respondido : 15/06/2015 1:41 pm
Rafael
 Rafael
Miembro Moderator

¡Hola Fabriciano!

En hojas de estilo CSS, no importa la posición si arriba o abajo, aunque te recomiendo que siempre lo coloques después la línea comentadas de autoría por parte del tema (donde sale el nombre, desarrollador etc..)

En tu caso, te recomiendo que lo coloques donde te indico:

Saludos

ResponderCitar
Respondido : 15/06/2015 1:50 pm

Cursos Gratuitos WordPress

FABRICIANO
 FABRICIANO
Estimable Member

sigue quedando oculto en la mayoria de los dispositivos pequeños móvil, tablet

ResponderCitar
Respondido : 15/06/2015 2:07 pm
Rafael
 Rafael
Miembro Moderator

¡Hola Fabriciano!

Comentando tu caso con un compañero de Soporte Técnico me indican que no colocaste correctamente el código y no borraste la caché como te recomendé.

Ahora, comprobamos que si carga en dispositivos móviles y tablets.
Contenido solo visible a usuarios registrados
Puedes revisarlo desde la herramienta ScreenFly -> http://quirktools.com/screenfly/ e insertando la dirección de tu página.

En el caso de que no lo veas así, desde tu móvil o tablet, prueba a vaciar la caché del navegador.

Saludos

ResponderCitar
Respondido : 15/06/2015 4:36 pm

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