Margen izquierdo en product info | WordPress.org España

Resuelto alambrito
(@alambrito)

hace 2 semanas, 1 día

Hola, tengo un problema cuando visualizo mi tienda desde el móvil. Y es que las cajitas con las variaciones del producto quedan tan a la izquierda que no se ve ni el borde izquierdo de una de ellas. He probado de todo y no da resultado, podéis ayudarme? Gracias

La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 15 respuestas - de la 1 a la 15 (de un total de 18)

1 2 →

Moderador almendron
(@almendron)

hace 2 semanas
Prueba con
```
.yay-swatches-attribute-term.yay-swatches-swatch.yay-swatches-active {
	margin-left: 5px;
}
```
Iniciador del debate alambrito
(@alambrito)

hace 2 semanas

Se separa pero solo en el ordenador y cuando pulsas sobre él, en el móvil no hace nada. Gracias de todas formas, alguna otra opción?
Moderador almendron
(@almendron)

hace 2 semanas
Lo he comprobado y funciona perfectamente también en móviles. De todas formas, prueba con
```
.yay-swatches-wrapper .variations_form.cart .variations .value {
	margin-left: 5px !important;
}
```
Iniciador del debate alambrito
(@alambrito)

hace 2 semanas

A mí personalmente no me funciona en el móvil, en el ordenador sí. De todas formas creo que el problema es otro porque con otro plugin también ocurre: https://www.plantascarnivoras.es/comprar/rizoma-sarracenia-algodon/
Moderador almendron
(@almendron)

hace 2 semanas
Hagamos una prueba. Añade
```
.yay-swatches-wrapper .variations_form.cart .variations .value {
	margin-left: 5px !important;
}
```
Y no lo quites para que le pueda echar un vistazo.
Iniciador del debate alambrito
(@alambrito)

hace 2 semanas

ya lo tienes

Moderador almendron
(@almendron)

hace 2 semanas

No lo está cogiendo.

¿Dónde añades el código CSS?
Moderador almendron
(@almendron)

hace 2 semanas
De todas formas, prueba con
```
.yay-variant-wrapper.yay-swatch-wrapper-class {
	margin-left: 5px !important;
}
```
Iniciador del debate alambrito
(@alambrito)

hace 2 semanas
Lo añado en Apariencia – Personalizar – Css adicional. Otros códigos los añado ahí y bien. Sigue sin cogerlo, yo creo que el problema no es de este plugin como te comentaba, porque con el plugin de Tiered price pasa lo mismo…y tiene que ver con la versión móvil porque la desktop lo hace bien.
- Esta respuesta fue modificada hace 2 semanas por alambrito.
Moderador almendron
(@almendron)

hace 1 semana, 6 días
Es muy raro. No importa el plugin porque estamos aplicando una regla CSS, Prueba con
```
.yay-variant-wrapper {
	margin-left: 5px !important;
}
```
Y no lo quites.
Iniciador del debate alambrito
(@alambrito)

hace 1 semana, 6 días

Hecho.
Moderador almendron
(@almendron)

hace 1 semana, 6 días
¿Puedes poner lo que has añadido exactamente? Es que me sale la siguiente regla:
```
@media screen and (min-width: 768px) {
  @media screen and (min-width: 768px) {
    .yay-variant-wrapper {
      margin-left: 5px !important;
    }
  }
}
```
y claro, no se aplica al móvil.
Moderador almendron
(@almendron)

hace 1 semana, 6 días

Creo que está metiendo la regla dentro del «@media screen and (min-width: 768px)»

Iniciador del debate alambrito
(@alambrito)

hace 1 semana, 6 días

Pongo justo esto:

.yay-variant-wrapper {

margin-left: 5px !important;

}

Iniciador del debate alambrito
(@alambrito)

hace 1 semana, 6 días

Ok, ya está, he puesto este código antes que ese donde aparecía lo de 768px y ya funciona. Madre mía con la tecnología…mil gracias

Viendo 15 respuestas - de la 1 a la 15 (de un total de 18)

1 2 →

Debes estar registrado para responder a este debate.

Vistas