pack epimeteo, pagina desplazada a la izquierda con el dedo en dispositivo móvil  

 
Miguel Angel
 Miguel Angel
Usuario activo

Hola, necesito solucionar un problema visual de la tienda que estoy creando con el pack epimeteo.
Cuando pruebo a visualizar la tienda desde el móvil la pagina inicio y tienda se visualizan correctamente , pero cuando entro a la pagina para visualizar un producto con su descripción se produce un efecto un tanto molesto, si desplazo el dedo hacia la izquierda la pagina parece tener mas ancho y se desplaza quedando descuadrada (Adjunto Imagen)
Esta URL podría servir de ejemplo desde el dispositivo móvil http://lulamodainfantil.com/producto/camiseta-amarilla-cuello-pico/

He instalado el mismo paquete en otro dominio para comprobar se es algún problema mio de maquetación o algo parecido, pero el problema es el mismo

Un saludo.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 29/02/2016 7:51 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Has instalado algún plugin relacionado con facebook para mostrarse en el detalle de producto?

Veo que hay una etiqueta que te causa el scroll en resoluciones menores

Podrías ocultarlo por CSS, primero agrega un archivo CSS personalizado, revisa :

https://www.webempresa.com/blog/item/1469-agregar-archivo-css-personalizado-para-plantillas-gantry.html

En este archivo al final agrega :

.woocommerce.single .facebook-button{
display:none;
}

Verifica si te sucede lo mismo.

Saludos.

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

ResponderCitar
Respondido : 29/02/2016 10:43 pm

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

Miguel Angel
 Miguel Angel
Usuario activo

Hola de nuevo, efectivamente con esa linea de código CSS se soluciona ese molesto desplazamiento. El problema es que de esta manera pierdo el botón de facebook me gusta y compartir.
El Pack epimeteo le tengo tal cual lo instala, no he añadido ningún plugin. ¿Es posible solucionar el problema sin tener que renunciar al botón de facebook? ya que me parece una opción muy importante para mi tienda.
Un saludo.

ResponderCitar
Respondido : 01/03/2016 10:57 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

En tal caso, elimina los cambios aplicados para que podamos volver a analizar la página y ver si se puede aplicar una opción alternativa.

El problema está en que estos elementos de Facebook cargan de forma externa, lo que a veces provoca que sean más grandes que el ancho disponible.

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

ResponderCitar
Respondido : 01/03/2016 3:29 pm

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

Miguel Angel
 Miguel Angel
Usuario activo

ok, ya he revertido los cambios.

ResponderCitar
Respondido : 01/03/2016 3:59 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con lo siguiente, ubica este archivo :
/wp-content/plugins/woocommerce-facebook-share-like-button/css/fbshare.css

En la línea 8 aprox, verás un código como :

.facebook-button {
    height: 25px;
    width: 400px !important;
}

Tendrías que eliminar o comentar la línea de width, por ejemplo dejarlo como :

.facebook-button {
    height: 25px;
   /* width: 400px !important;*/
}

Verifica si comentando esta línea funciona

Saludos.

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

ResponderCitar
Respondido : 01/03/2016 5:42 pm

Cursos Gratuitos WordPress

Miguel Angel
 Miguel Angel
Usuario activo

Perfecto Jhon, comentando la linea se soluciona el problema de desplazamiento que produce ese molesto efecto de acabado.
Como siempre, muchas gracias por todo.

ResponderCitar
Respondido : 03/03/2016 12:51 pm

Por favor Iniciar Sesión o Registro