Centrar el contenido en la versión móvil de mi web.

Hola

Lo veo correctamente:

Envía la url exacta para ver lo mismo que aparece en tu imagen.

Saludos.

Muy buenas;
Toda la web se ve perfecta, excepto en la parte de descripción desde la versión móvil. Una vez estás dentro abres la pestaña de descripción y es la parte que se ve mal. Puedes verlo dentro de cada producto.
Mira a ver cómo lo ves.

Gracias

Hola Jorge.

Esto es lo Veo:

Se muestra centrado, si no es eso lo ue quieres decir, por favor adjunta una URl del producto y una captura de como lo ves.

Un saludo

Muy buenas;
No está centrado de manera correcta. SI te fijas bien está ligeramente hacía la derecha. En algunos productos, incluso no llega a verse algún texto h2. Modificándolo en el navegador he encontrado un estilo que modifiqué y arregle. Solo necesito saber que debo poner en el css editor para corregir esto en todos los productos. Te adjunto pantallazo donde se más claramente.

Gracias

Hola Jorge.

Puedes jugar con el padding que tienes añadido en es bloque:

@media only screen and (max-width: 600px) {
.vc_column_container>.vc_column-inner {
    padding-left: 1px!Important;
    padding-right: 15px!important;
    box-sizing: inherit!important;
}
}

Un saludo

Hola!
Sí, creo que es esto 😀
¿Dónde puedo acceder a este código exactamente?

Gracias

Hola Jorge.

Puedes añadir directamente en tu archivo custom_css.css que encontraras en la ruta wp-content -> themes -> bridge -> css -> custom_css.css

Un saludo

Muy buenas;

Modifica toda la estructura menos la parte de descripción que sale ligeramente descentrada.
Investigando con el inspeccionar he encontrado el posible archivo que hay que modificar, pero no se donde encontrarlo o como crear en el custom.

Gracias de nuevo

Hola Jorge

Elimina el código anterior y utiliza lo siguiente:

@media only screen and (max-width: 600px) {
.woocommerce-product-details__short-description {
    margin-left: -5px;
}
}

Un saludo

Hola; No funciona.
Es para la descripción larga, creo que me pones la corte, porque si que ha modificado la parte de arriba, sería justo la que aparece cuando pone descripción.

Gracias

Hola Jorge

Por favor adjunta captura de el texto exacto que quieres modificar 😉

Un saludo

Muy buenas;

Cuando entras en cualquier producto. Le das al botón descripción. Se despliega un texto. Es ese texto que necesito modificar. En el pantallazo que te he pasado antes con la parte de código digamos, es justo el texto que aparece, arriba justo , tapado por el indicador div es el cartel de descripción. Es justo el texto del pantallazo.

Gracias

Hola

El problema no es el margin sino más bien el padding, al final de tu archivo custom.css prueba agregar el siguiente código

@media(max-width:768px){
    .q_accordion_holder.boxed div.accordion_content{
        padding-left:0!important;
    }
}

Refresca el navegador para ver los cambios.

Saludos.

¡¡¡¡SÍ!!!!!

Ahora sí que funciona perfecto. MIL GRACIAS

No se si puedo aprovechar para pedir otro retoque en este tema relativamente similar.

Se trata de corregir la posición de un botón, dejarlo centrado y un poco separado de la fotografía del producto. No puedo centrarlo y solo lo puedo hacer más grande para que quede bien la versión de escritorio. Pero cuando lo veo en versión mobile, queda mal porque es demasiado grande. Ahora lo he dejado tal como estaba para que, por lo menos, se pueda ver bien.

La página es Contenido solo visible a usuarios registrados

Os añado el pantallazo con la info del elemento a ver si podemos hacer algo parecido con css.

De nuevo mil millones de gracias