Independientemente del formato del theme utilizado, este sencillo código CSS ajusta los campos a rellenar en la página de pago de WooCommerce en una única columna cuando accedemos desde un dispositivo móvil.
@media (max-width: 480px) {
.woocommerce form.checkout .form-row {
clear: none;
float: none;
width: 100%;
}
}El contenido de este artículo es código CSS. Para insertarlo en tu sitio web puedes añadir el código en la sección "CSS Adicional" del personalizador de WordPress (Apariencia > Personalizador), o bien añadirlo en la hoja de estilos del tema hijo (child theme) que tengas activo (por lo general, en el archivo style.css).