Problema visualizac...
Avisos
Vaciar todo

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

 
Mª ISABEL
 Mª ISABEL
Reputable Member

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

Citar
Respondido : 25/10/2017 9:33 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 25/10/2017 11:09 pm

Mª ISABEL
 Mª ISABEL
Reputable Member

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.

ResponderCitar
Respondido : 20/06/2018 1:49 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 20/06/2018 3:03 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Mª ISABEL
 Mª ISABEL
Reputable Member

Hola

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

ResponderCitar
Respondido : 20/06/2018 11:49 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 20/06/2018 1:23 pm

Cursos Gratuitos WordPress

Mª ISABEL
 Mª ISABEL
Reputable Member

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í...

ResponderCitar
Respondido : 10/10/2018 11:56 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 10/10/2018 1:06 pm

wpdoctor-revisa-la-salud-de-tu-wordpress