[Resuelto] La web en el móvil se ve mal  

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

@karen

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.

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.

@karen

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.

Hola Nuria,

Encantados de poder ayudarte 😊, recuerda si tienes alguna otra consulta puedes crear un nuevo tema.

Un saludo 🖐️