Ajuste galeria a la derecha en version movil

Hola Lourdes, 

Verifica si con estos te funciona:

/* Miniaturas a la derecha en móviles (WooCommerce nativo) */
@media (max-width: 767px){
.single-product .woocommerce-product-gallery{
display: grid;
grid-template-columns: 1fr 76px; /* 76px = ancho columna de miniaturas */
grid-column-gap: 10px;
align-items: start;
}

/* Imagen grande */
.single-product .woocommerce-product-gallery .flex-viewport{
grid-column: 1;
}

/* Lista de miniaturas en columna, a la derecha */
.single-product .woocommerce-product-gallery .flex-control-thumbs{
grid-column: 2;
display: flex;
flex-direction: column;
gap: 8px;
margin: 0; padding: 0; list-style: none;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs li{
width: 100% !important;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs img{
width: 100%; height: auto; display: block;
}
}

Nos comentas que tal te va con el.

Un saludo 🖐️ 

@argenis Gracias se ha movido a un lateral, lo unico para que para que visualmente quede mejor necesitaria que en la galeria no se vea la imagen principal de nuevo, y la galeria se vea un poco mas pequeña y la principal un poco mas grande.

Adjunto capturas para que veas que no se porque segun el producto ahora se queda un espacio grande entre el titulo y el menu

Hola Lourdes,

El codigo que te compoarti es un intento para ver si con CSS funcionaba del todo, en este caso esto es una personalización a medida, es por esto que algunas veces no queda del todo bien, en este caso puedes consultar con nuestros colaboradores para que puedan trabajar a medida el código exacto para que funcione bien en cada página de producto y adicional de la forma que comentas que necesitas se vea.

https://www.webempresa.com/directorio-colaboradores.html

Un saludo 🖐️