problema plantilla encelado responsive  

 
Juan
 Juan
Reputable Member

Estimados señores,
estoy desaroolando una web con la plantilla encelado y cuando entro a través de iphone la clase
<p class ="success " no se ajusta al terminal movi, sino que no reconoce que estoy en un terminal movil y se sale de la plantilla ( que sí lo reconoce y se ajusta a la pantalla. Además el botón del menú cunado estoy en iphone tapa el logo de la web. Rugo me indiquen quien desaroola esta plantilla pra intentar solucionar este error. Gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 03/02/2014 12:47 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Juan,

He analizado la plantilla "responsive" Encelado, para Joomla 3.x y veo que se comporta correctamente en un dispositivo Android (no he podido probarlo en un iPhone) y el menú se muestra de forma correcta en la "demo oficial de Webempresa" ya que es un menú flotante, por eso se superpone al logo, la mayoría de menús en dispositivos móviles pasan a ser flotantes.

Que una plantilla sea responsive no significa que al instalar extensiones, módulos u otras cosas que no tienen el mismo comportamiento responsive acaben afectando al correcto funcionamiento de la plantilla en dispositivos.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 03/02/2014 2:48 am

Cursos Gratuitos WordPress

Juan
 Juan
Reputable Member

Luis, eso lo veo perfectamente yo tambien en el iphone. Lo que no se ve bien son las calses succes. POr favor chekea si tú ves bien esa página con android. ( item de menu SERVICIOS de mi web.
Gracias

ResponderCitar
Respondido : 03/02/2014 8:43 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Juan,

¿En la demo http://demopackempresa.webempresa.eu/encelado/index.php?option=com_content&view=article&id=6&Itemid=125 visualizas correctamente?

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 03/02/2014 11:07 am

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

Juan
 Juan
Reputable Member

si, lo veo correctamente. Creo que el problema es que en la clase success le he puesto un style widgh fijo porque por defecto cubre toda la pagina y no queda bien desde punto de vista del diseño, ya que pongo poco texto y se alarga demasiado. Igual cuando se visualiza en el movil identifica que tiene una longitud fija y por eso no se amolda a la pantalla. Se podría hacer de alguna mandera para que cuando se viera en dispositivo movil el fijo se acoplara a la pantalla?
Tenía endendido que cuando sobreescribía el css poniendo un widgh fijo , solamente era para el div en concreto pero no para todo el css.???????

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

Hola,

Tendrías que pasarnos el enlace a la página donde se muestran estos párrafos con la clase success para ver cómo se están cargando y los estilos que has aplicado.

Entiendo por lo que dices que ese ancho fijo que has puesto lo has asignado en el propio artículo, pero necesitaríamos confirmación.

Ten en cuenta que si fijas un ancho fijo en píxeles esto también se aplicará a la vista responsive. Es mejor fijar ancho en porcentaje.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 03/02/2014 5:25 pm

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

Juan
 Juan
Reputable Member

lo voy a hacer en porcentaje a ver si cambia.
Dónde accedo al bbcode para enviaros el enlace?
gracias

ResponderCitar
Respondido : 03/02/2014 6:50 pm
Juan
 Juan
Reputable Member

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 03/02/2014 6:52 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Juan

Asumo que las modificaciones las estas realizando en el archivo .less, por ejemplo para el caso del botón que tapa tu logo, ubica el siguiente archivo

/wp-content/themes/encefalo_wp/less/menu.less

Luego ubica la clase :

.gf-menu-toggle

Dentro de ella verás dos parámetros que puedes modificar que son

top y left, cambia los valores

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 03/02/2014 10:01 pm
Juan
 Juan
Reputable Member

Gracias Jhon. Cuando indicas wp-.... supongo que es para una plantilla wordpress. Yo trabajo con Joomla.
He entrado con extoplorer y me he ubicado en tempales- encelado- less- menu.less peo cunado cliko no se ve nada, sale en blanco la ventana . Debo deshabilitar la compresión primero cono me indicabais antes?
Gracias
En cuanto al cambio de ancho, lo hago directamente escribiendo el código después de la calse con style-type. debería hacerlo en otro sitio?
gracias

ResponderCitar
Respondido : 04/02/2014 12:07 pm

Cursos Gratuitos WordPress

Juan
 Juan
Reputable Member

Buenos días de nuevo,
estoy optimizando dentro de lo posible el articulo para google poniendo un h1 en el artículo. El problema es que en el movil las letras se salen de la web. No se si debería actuar en vez de sobre el código directo del artículo sobre algún archivo como me dice john para que cuando el css detecte que es handheld no atienda a ese h1 y lo haga de otra manera.
gracias

ResponderCitar
Respondido : 04/02/2014 1:45 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Tendrías que pasarnos un enlace a alguna página donde ya estés utilizando ese h1, para que podamos ver cómo se carga en dispositivos móviles.

Sobre la aplicación de cambios, mejor opción que aplicar modificaciones en los archivos LESS es mejor que te crees un archivo con nombre encelado-custom.css y los subas en la ruta templates/encelado/css, de forma que pongas en ese CSS los cambios en el diseño que quieras.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/02/2014 2:56 pm

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

Por favor Iniciar Sesión o Registro