Carrrito no se ve correctamente en móviles woocommerce

Hola

Lo que he notado es que se ve recortada la parte superior aunque si que se muestra el carrito, tal vez puedas mejorar la barra superior en móviles.

Agrega el siguiente código que incrementa la altura de esa barra:

@media(max-width:768px){
	.header_metabar{
    height: 80px!important;;
	}	
}

Para agregar código CSS en WordPress puedes revisar:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.

Buenas tardes,

Ahora se ve mejor el carrito pero si pones el ratón encima del carrito en el móvil, el despegable sale a la izquierda y se corta.

A ver si podemos mejorarlo. No se puede poner algo así como la imagen que te adjunto.

Gracias.

saludos

Hola

En ese caso mejor ocultarlo ya que al parecer tu tema no esta preparado para movil mostrar el carrito como desplegable.

Es decir el código anterio quedaría:

@media(max-width:768px){
	.header_metabar{
		height: 80px!important;;
	}	
	
	.header_metabar .woocommerce_cart .cart_widget.animated_by_js .widget_wrapper{
		display: none!important;
	}
}

Saludos.

Buenas tardes,

Puede ser, ¿me recomienda usted alguna plantilla para que sobre todo el proceso de compra y del carrito se vea mejorado?

Gracias.

Un saludo,

Hola Antonio,

¿Podrías explicarnos a que te refieres con que el proceso de compra se vea mejorado? Mejorado, ¿De qué manera o en qué aspecto?

Te sugiero revisar el siguiente artículo de nuestro blog -> https://www.webempresa.com/blog/los-mejores-sitios-para-descargar-temas-woocommerce-gratis.html

Saludos.