problema plantilla encelado responsive  

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

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

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, 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.???????

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.

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

Contenido solo visible a usuarios registrados

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.

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

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

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.