Problema visualización en móviles y tablets...

Hola

Para anchos de celulares prueba con el siguiente código, puedes agregar este código CSS al fina tu archivo:
/themes/leoelec/css/customize/Julio.css

@media (max-width: 480px){
	.product_list.grid .ajax_block_product .product-container .content_price,
	.button-container,
	.price.product-price,
	.button.ajax_add_to_cart_button{
	    margin-left: 0!important;
	    margin-right:0;
	    text-align:center;
	    margin:auto;
	}	
}

Saludos.

Retomo éste tema porque me acabo de dar cuenta de como se ve la tienda, en tablets debe de ser y la search console de como lo ve google... Sale el carrito descentrado y fuera del bloque.. ¿Como puedo arregrarlo?

Muchas gracias.

Hola,

Lo has revisado directamente el dispositivo móvil?, en mi caso lo reviso y compruebo que es correcto.

No siempre el resultado es el mismo con la previsualización de la herramienta Search Console.

Hola

Me han dicho que se ve así en las tablets...

Hola Mª Isabel.

Añade lo siguiente a tu archivo de estilos:

@media (max-width: 1024px){
.button-container .ajax_add_to_cart_button {
	margin-top: -3em !important;
	float: right!important;
	
}
}

Un saludo

Se me había pasado por completo éste tema, sin poner ese código se ve así,

Poniéndolo se ve así:

Yo lo que necesitaba es que se viese como en toda la tienda, el precio centrado justo debajo del precio... pasa al girar la tablet, vertical se ve más o menos bien pero en horizontal aparece así...

Hola Mª Isabel.

Añade lo siguiente a tu archivo de estilos CSS:

@media only screen and (max-width: 768px) {
.button-container .ajax_add_to_cart_button {
    margin-top: 0 !important;
    float: none!important;
}

Un saludo