Margen izquierdo en product info

  • Resuelto alambrito

    (@alambrito)


    hace 1 año, 6 meses

    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 1 año, 6 meses

    Prueba con

    .yay-swatches-attribute-term.yay-swatches-swatch.yay-swatches-active {
	margin-left: 5px;
}
    Iniciador del debate alambrito

    (@alambrito)

    hace 1 año, 6 meses

    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 1 año, 6 meses

    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 1 año, 6 meses

    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 1 año, 6 meses

    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 1 año, 6 meses

    ya lo tienes

    Moderador almendron

    (@almendron)

    hace 1 año, 6 meses

    No lo está cogiendo.

    ¿Dónde añades el código CSS?

    Moderador almendron

    (@almendron)

    hace 1 año, 6 meses

    De todas formas, prueba con 

    .yay-variant-wrapper.yay-swatch-wrapper-class {
	margin-left: 5px !important;
}
    Iniciador del debate alambrito

    (@alambrito)

    hace 1 año, 6 meses

    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 1 año, 6 meses por alambrito.
    Moderador almendron

    (@almendron)

    hace 1 año, 6 meses

    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 año, 6 meses

    Hecho.

    Moderador almendron

    (@almendron)

    hace 1 año, 6 meses

    ¿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 año, 6 meses

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

    Iniciador del debate alambrito

    (@alambrito)

    hace 1 año, 6 meses

    Pongo justo esto:

    .yay-variant-wrapper {

    margin-left: 5px !important;

    }

    Iniciador del debate alambrito

    (@alambrito)

    hace 1 año, 6 meses

    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
  • El debate ‘Margen izquierdo en product info’ está cerrado a nuevas respuestas.