Hola
Tengo un problemilla con como se ve el botón de añadir al carrito en moviles, tablets, ect. Adjunto imagénes.
En los smarthphone en horizontal se ve más o menos bien pero al poner el movil en vertical, sale movido el carrito.. necesitaría que estaría alineado debajo del precio.
En los ipad se ve así de forma horizontal:
Os agradezco vuestra ayuda.
URL del sitio: Contenido solo visible a usuarios registrados
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.
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