Soporte » Plugins y Hacks » WooCommerce » Woocommerce botones de añadir al carrito solapados

  • Resuelto berseco

    (@berseco)


    Buenas, en la versión para dispositivos móvil, los botones de «añadir al carrito» o «elige una opción». se pisan uno con otros.

    ¿Cómo puedo solucionarlo?

    Gracias

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

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Muy buenas @berseco

    Ya veo el problema que comentas.

    Tenemos varias opciones pero antes…. Quieres seguir mostrando 2 columnas de productos en mobile o prefieres una? Digo esto porque si podemos configurar para que sólo se muestre una en mobile, vas a dejar de tener ese problema.

    De todas formas, me comentas si quieres una columna o dos y barajamos opciones.

    Saludos y ánimo!

    Esa solución la pensado, pero no se como poner una sola columna.

    ¿me podría decir como es?

    Gracias por contestar

    Ok, prueba añadiendo este código al final del fichero style.css de tu tema:

    @media (max-width: 568px) {
    	width: 100% !important;
    	float: none !important;
    	text-align: center;
    }

    Ya me dices qué tal, ok?

    Saludos y ánimo!

    Una cosita, lo he probado en personalización del tema / css adicional y no me funciona.

    Para hacerlo como tu me dices. No tengo activo el editor. Para activarlo, tengo que entrar en el hosting y la dueña de la página ha cambiado la contraseña.

    ¿es necesario pedirle la contraseña para activarlo o hay una alternativa?

    gracias

    Tienes razón, fallo mío.

    Pon esto:

    @media (max-width: 568px) {
    	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 100% !important;
        float: none !important;
        text-align: center;
    	}
    }

    Puedes ponerlo donde dices aunque siempre es mejor ponerlo en el style.css del tema pero si no tienes acceso ftp, ponlo ahí.

    Ya me dices….

    Saludos y ánimo!

    Perfecto todo, mil gracias

    Me alegro.

    Saludos y mucho ánimo!

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Debes estar registrado para responder a este debate.