B.tardes. Hemos actualizado la web de qualif.es. Hemos elegido la plantilla Hellix3 de joomshaper. Y por otro lado estamos trabajando con la herran¡mienta sp page builder. La estética nos gusta, pero hemos encontrado 2 fallos que nos gustaría solucionar si es posible:
1.- En el modo responsive en vista móvil ( unos 380 px de ancho), la plantilla trabaja con un contenedor y responde correctamente al modo responsive, pero crea un margen muy pequeño, en el margen derecho de unos 5 - 10 px que no somos capces de eliminar, por lo que lanza la barra de navegación.¿ Còmo por¡demos hacer que ocupe todo el ancho?. No buscamos en toda la web, sino más bien que no lance la barra de navegación en el modo móvil.
2.- El menú pegajoso trabaja correctamente,pero una vez que se ha hecho scroll, o bien, desde un móvil rotamos de visión horizontal a vertical, el menú pierdo la propiedad de fondo (en este caso blanco) y da la sensación de que se pierde. Una vez recuperamos el scroll a inicio el menú recupera la configuración original. ¿ Cómo podemos solucionarlo?.
Gracias por todo.
Un saludo
URL del sitio: Contenido solo visible a usuarios registrados
Hola
Con respecto al espacio, supongo te refieres a que se forma un scroll horizontal cuando estas en un ancho de 320px aprox
Al parecer ha yun elemento html que te provoca esto , específicamente es este : roksearch_results{
Puedes ocultarlo por CSS
Ubica el archivo
/templates/shaper_helix3/css/template.css
Al final agrega el siguiente código :
@media (max-width:480px){ #roksearch_results{ display:none; } }
Saludos.
Perfecto. No daba con ello. El espacio sigue pero de esta manera no lanza la barrra de navegación horizontal.
Por otro lado alguna sugerencia para el menú pegajoso. ?
Muchas gracias
Un saludo
Hola Javier,
¿A qué funcionamiento "pegajoso" te refieres? Actualmente he comprobado que funciona correctamente a través de un móvil.
Indícanos con mas detalles lo qué sucede, y aportanos unas capturas de pantalla de como lo visualizas.
https://guias.webempresa.com/preguntas-frecuentes/captura-de-pantalla/
Saludos
Primero....gracias John por la correccion del código.... queda perfecto.
Por otro lado, la plantilla tiene 2 modos a elegir para el menú principal. Uno de ellos es el sticky (menú pegajoso) . Su función es que siempre eté presente en el desplamiento vertical del scroll de la página. Además se apadta (responsive ) a todos los formatos de vista posibles
Este menú pegajoso trabaja correctamente,pero una vez que se ha hecho scroll desde la web hasta la mita de de la pantalla, o bien, viendo la web desde un móvil rotamos de visión horizontal a vertical, el menú pierdoela propiedad de fondo (en este caso blanco) y da la sensación de que se pierde.Pero una vez que recuperamos el scroll a inicio el menú recupera la configuración original. ¿ Cómo podemos solucionarlo?.
Adjunto un par de capturas
Gracias por todo.
Un saludo
Hola
Al parecer es un problema de tu template.
Al mismo archivo que agregaste anteriormente código, prueba forzando a que el menú siempre tenga un fondo blanco, agrega lo siguiente :
#sp-menu{ background:white; }
Saludos
Muchas gracias Jhon nuevamente,,,,es una muy buena solución. Aunque sigue "fallando", estéticamente se corrige muchísimo el fallo, ya que ahora sí que se ven claramente las opciones del menú.El fallo aparece únicamente en el momento en que la web recupera el tamaño original....y el menú no lo recupera totalmente por tanto queda "parcialmente incompleto", es decir no ocupa todo el ancho de la web...... Iremos estudiando alguna nueva plantilla para un futuro....
Gracias otra vez...
PS: ¿Podríamos recuperar el ancho total para corregir ese fallo?. ¿ Probamos algún otro menú/extenxión?
. Por otro lado no es absolutamente indispensable ya que se puede acctivar el menú en modo estándar y desapareceria este fallo, (pero nos gustaba la opción de que el menú estuviese siempre presente en la navegación).
Un saludo
HOla
Por lo que comentas es fallo de template, no lo puedo reproducir en mi ordenador, podría ser algo de javascript, se tornaría complejo encontrar, mejor consultar a los desarrolladores
Si que podrías forzar un ancho total, pero sería para que se muestre siempre, por ejemplo en el estilo anterior , agregando 100% :
#sp-menu{ background:white; width:100%}
Saludos