Buenos días jminaredo,
Veo que tienes una regla CSS que afecta al ancho de tus páginas:
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
margin: 0 auto;
max-width: 474px;
}
Como ves, tus páginas tienen un ancho máximo de 474px y por eso ni el carrito ni el finalizar compra ocupa el 100% del ancho.
Si solamente quieres modificar el ancho del carrito prueba a poner esto en tu plantilla o en tu archivo CSS:
.woocommerce-cart .site-content .entry-content {
max-width: 100%;
}
Espero que te funcione.
Un saludo.
Buenos días Noemi,
Muchas gracias por tu respuesta. he insertado el codigo en el css del hijo, pero respecto al carrito y a los formularios de woocommerce para efectuar la compra no han sufrido ningún cambio.
Anteriormente tube el mismo problema en el que me ayudo @jose64 y puse este codigo:
.site,
.site-header {
max-width: 100vw;
}
.tfwc {
max-width: 80vw !important;
}
Creeis ue puede estar chocandose una regla con la otra?
Hola, he visto que en el carrito ya se ve el ancho al 100%. En el checkout, no.
Sustituye lo que te he pasado por esto:
.woocommerce-cart .site-content .entry-content,
.woocommerce-checkout .site-content .entry-content {
max-width: 100%;
}
Si no ves cambios, elimina la caché de tu navegador o utiliza otro navegador.
Un saludo.
Solucionado!
Muchisimas gracias Noemí 🙂
Un saludo
