Avisos
Vaciar todo

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

7 Respuestas
3 Usuarios
0 Reactions
791 Visitas
Respuestas: 10
Active Member
Topic starter
 

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


 
Respondido : 29/02/2016 7:51 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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/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.


 
Respondido : 29/02/2016 10:43 pm
Respuestas: 10
Active Member
Topic starter
 

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.


 
Respondido : 01/03/2016 10:57 am
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 01/03/2016 3:29 pm
Respuestas: 10
Active Member
Topic starter
 

ok, ya he revertido los cambios.


 
Respondido : 01/03/2016 3:59 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 01/03/2016 5:42 pm
Respuestas: 10
Active Member
Topic starter
 

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


 
Respondido : 03/03/2016 12:51 pm