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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

ok, ya he revertido los cambios.


 
Respondido : 01/03/2016 3:59 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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