Avisos
Vaciar todo

Banners no se adaptan al movil  

 
PEDRO
 PEDRO
Noble Member

Hola,
Estoy creando unos banners con una plantilla responsive y el problema que me encuentro es en el logo y los banners en los que pone EN NAVIDAD Y SIGUENOS EN FACEBOOK que no se adaptan al movil y tablet sin embargo todos los demas banners si que se adaptan.
Hay algo que no hago bien.
Pincha en este enlace para verlos http://www.pccocinas.com/pr.html

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 29/03/2014 7:09 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Pedro,

Lo que yo veo es que lo que tu llamas "banners" son 2 imágenes insertadas en un módulo, no tienen ningún tratamiento "responsive" y por ese motivo no se adaptan de forma fluida a diferentes tamaños.

¿Podemos ver la configuración del módulo que carga esas imágenes?

Revisa este artículo por si te es de utilidad:

- https://www.webempresa.com/blog/item/1010-banners-fluidos-en-joomla-25-y-30-con-responsive-banner-slider.html

Saludos

ResponderCitar
Respondido : 29/03/2014 7:59 pm

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

PEDRO
 PEDRO
Noble Member

Hola Luis,
Hace ya mucho tiempo que no ando por aqui y llevo tiempo sin hablar contigo de envio un saludo.
Volviendo al tema es un Módulo HTML personalizado
Te adjunto captura de la configuracion, mientras le voy viendo tu tutorial.

Gracias.

ResponderCitar
Respondido : 29/03/2014 8:16 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Pedro,

Saludos para ti también 🙂

Lo dicho, implementas la imagen tal cual, como una imagen normal en un módulo y no tiene tratamiento responsive. Deberías probar a usar el módulo indicado en el artículo y publicarlo en la posición "top-2" y luego hacer pruebas desde el móvil o tablet para que veas si tiene comportamiento "responsive".

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

ResponderCitar
Respondido : 30/03/2014 8:02 am

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

PEDRO
 PEDRO
Noble Member

Ok, muchas gracias, voy a probar a seguir tus instrucciones pero antes me gustaria que me resolvieras una duda¿ porque los fotos que tengo situadas en la posicion innerbottom que corresponde a la de mueble auxiliar,lamparas y espejos y todas la demas posiciones si se adaptan? y en concreto las dos imagenes que estamos tratando junto con el logo estas no se adaptan? y tambien son Módulo HTML personalizado.

http://www.pccocinas.com/pr.html

Gracias.

ResponderCitar
Respondido : 30/03/2014 11:43 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Pedro,

¿En que dispositivo lo estás comprobando?

Yo veo que las imágenes de abajo cuando se visualizan en dispositivos móviles se salen por la derecha, es decir no se adaptan de forma fluida.

Saludos

ResponderCitar
Respondido : 30/03/2014 11:54 pm

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

PEDRO
 PEDRO
Noble Member

Hola Luis, que tal,
Pues lo miro y de hecho lo he mirado ahora mismo con un movil samsung y en el portatil minimizo la pantalla y si que se adaptan todas las posiciones menos el logo y las dos imagenes que estamos trantando.

Gracias.

Perdona me refiero solo a este enlace: Pincha en este enlace para verlos www.pccocinas.com/pr.html

En el resto de la web no solo el enlace que es el que tiene la plantilla responsive.

ResponderCitar
Respondido : 30/03/2014 11:59 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Pedro,

Si te fijas, el tema original de YOO Theme incluye 3 posiciones y tu 2, y este insignificante detalle puede ser parte de la causa:

En tu caso lo que veo es esto:

Saludos

ResponderCitar
Respondido : 31/03/2014 12:23 am

Cursos Gratuitos WordPress

PEDRO
 PEDRO
Noble Member

Ok, he estado mirando tu observaciones y tienes razon el motivo parece ser la foto vertincal y la horizontal.

Pero te pregunto, si la plantilla es responsive que lo es ¿por que no se adaptan las fotos sean de la forma que sean? No crees que se deberian de adaptar?

Gracias.

ResponderCitar
Respondido : 31/03/2014 1:30 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Pedro,

Si observas la demo oficial veras que en la posición inferior, justo la que está debajo de la de las 3 imágenes, tienen 2 imágenes horizontales anchas que si se adaptan bien a dispositivos.

- http://yoocore.com/demo/themes/joomla/2013/nano3/

Si tienes el quickstart de dicha plantilla mi recomendación es que lo instales en "otra" carpeta para que te sirva de guía, accedas al Gestor de Módulos de esa demo y veas que "sufijos de clase módulo" aplican a esos módulos para que se comporten de forma fluida.

Saludos

ResponderCitar
Respondido : 31/03/2014 2:38 am