El mensaje de error en el carrito se superpone a los detalles del producto
-
Please help me where can I fix that the error message in the cart overlaps the product detail. You can see what I’m talking about here:
https://www.loom.com/share/646eb8c215cb45548e9436deed927d36Please you can tell me what CSS I have to configure or where can I solved it.
In CSS I have now the following: `
/*linea de mensaje*/
.woocommerce-cart .woocommerce-message{
top: -80px;
}.woocommerce-notices-wrapper{
position:absolute;
width:100%;
}/*miniatura de imagen en carrito*/
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img
{width: 60px;
}/*configuración carrito 2 columnas hasta min pantalla 981px y 1 columna en ancho menor*/
@media (min-width:981px){
.woocommerce-cart .woocommerce{
display: flex;
}
form.woocommerce-cart-form{
flex: 1 0 70%;
margin-right: 30px;
}.woocommerce .cart-collaterals, .woocomerce-page .cart-collaterals{
width: 30%;
float: right;
}/* Diseño columna total carrito*/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page
.cart-collaterals .cart_totals{
float: none;
width: 100%;
border-radius: 10px;
border: 0px solid;
background: #c8c8c8c8;
padding:10%;
}
}@media only screen and (max-width:360px) {
.woocommerce-cart .actions button.button {
width: 100% !important;
}
}/*cantidad carrito*/
.woocommerce-page .quantity
input.qty, .woocommerce .quatity
input.qty{
font-size: 15px !important;
color:#003682 !important;
height:50px;
}/*botón actualizar carrito*/
.woocommerce button.button:disabled[disabled],
.woocommerce input.button:disabled[disabled] {
padding: .3em 1em !important;
}`La página con la que necesito ayuda: [accede para ver el enlace]
- El debate ‘El mensaje de error en el carrito se superpone a los detalles del producto’ está cerrado a nuevas respuestas.