Avisos
Vaciar todo
Preguntas sobre WordPress
6
Respuestas
4
Usuarios
1
Reactions
19
Visitas
Topic starter
Buenas noches, mi página web en el ordenador tiene buen aspecto, pero en cambio en el móvil si entras en la tienda woocommer se ven las letras e imágenes ocupando toda la pantalla, pero en cambio el fondo no, con lo que se leen mal los textos, ¿hay alguna forma de dar un formato correcto en el móvil a la página web?
Gracias. Saludos.
Contenido solo visible a usuarios registrados
Respondido : 17/11/2020 5:58 pm
Hola Nuria,
En este caso prueba si con el siguiente CSS logras mejorar la visibilidad en móvil para la pagina del producto de woocommerce
/* Versión móvil woocommerce*/
@media only screen and (max-width: 711px) {
.woocommerce div.product {
width: 65% !important;
}
.woocommerce div.product div.images img {
display: block;
width: 100% !important;
height: 400px !important;
box-shadow: none;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
height: 100px !important;
}
}
Nos comentas como ha ido todo
Un Saludo
Respondido : 17/11/2020 6:24 pm
Topic starter
Mejora bastante, entra todo configurado en el cajetín blanco, sobra un cacho a la derecha de fondo que queda vacío, pero la verdad, de como se veía de mal, ahora ha mejorado, si tienes algún código para que ocupe un poco más de la derecha que se ve en morado, genial, sino me vale así.
Gracias.
Esta publicación ha sido modificada el hace 5 años por Nuria Carmen
Respondido : 17/11/2020 6:57 pm
Hola
Del código anterior puedes borrar:
.woocommerce div.product {
width: 65% !important;
}
Luego prueba agregando al final el siguiente código:
@media(max-width:800px){
#main #content{
width: 100%!important;
margin:0!important;
padding:20px;
}
.woocommerce div.product{
width: 100%!important;
}
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper{
width: 100%!important;
}
}
Saludos.
Esta publicación ha sido modificada el hace 5 años por Jhon
Respondido : 17/11/2020 7:45 pm
Topic starter
Gracias, ya está. Solo que puse en lugar de 100% aquí:
width: 100%!important;
90%, porque salían las imágenes fuera del marco. Y ahora ya se ve perfecto.
Mil millones de gracias.
Respondido : 17/11/2020 8:40 pm
Hola Nuria,
Encantados de poder ayudarte 😊, recuerda si tienes alguna otra consulta puedes crear un nuevo tema.
Un saludo 🖐️
Respondido : 17/11/2020 8:46 pm
Nuria Carmen reaccionó
