Eliminar espacio sobrante en modo movil de la web  

 
Javier
 Javier
Estimable Member

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

Citar
Respondido : 24/09/2015 10:40 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

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

ResponderCitar
Respondido : 24/09/2015 11:33 pm

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

Javier
 Javier
Estimable Member

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

ResponderCitar
Respondido : 24/09/2015 11:53 pm
Julen
 Julen
Miembro Admin

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.

http://wiki.webempresa.com/Captura_de_Pantalla

Saludos

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

ResponderCitar
Respondido : 25/09/2015 10:10 am

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

Javier
 Javier
Estimable Member

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

ResponderCitar
Respondido : 25/09/2015 8:12 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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

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

ResponderCitar
Respondido : 25/09/2015 9:00 pm

Cursos Gratuitos WordPress

Javier
 Javier
Estimable Member

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

ResponderCitar
Respondido : 25/09/2015 9:25 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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

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

ResponderCitar
Respondido : 25/09/2015 10:19 pm

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

Por favor Iniciar Sesión o Registro