Los productos en mó...
Avisos
Vaciar todo

Los productos en móviles ocupan mucho  

 
MARIA DEL MAR
 MARIA DEL MAR
Estimable Member

Como poner el botón de añadir al carrito , más y añadir a lista de deseos en móviles encima del producto para que no se alarge tanto un solo producto
Gracias de antemano

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 11/02/2019 3:14 pm
MARIA DEL MAR
 MARIA DEL MAR
Estimable Member

Adjunto imagen de la página de inicio donde se ven las novedades como quiero que se vea el resto de productos Dentro de la categoría

ResponderCitar
Respondido : 11/02/2019 3:36 pm

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Maria del Mar.

Añade lo siguiente al mismo archivo que antes " global.css "

@media (max-width: 479px) {
.col-xs-7 {
width: 300px!important;
}
}

Un saludo

ResponderCitar
Respondido : 11/02/2019 4:14 pm
MARIA DEL MAR
 MARIA DEL MAR
Estimable Member

Así lo hice y se contrajo un poco pero aún sigue abajo añadir a lista de deseos y la descripción
Me gustaría contraerlo todo

ResponderCitar
Respondido : 11/02/2019 4:39 pm

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente veo que se muestra de otra manera, veo algo similar a lo que se muestra en la imagen adjunta
En esta url :Contenido solo visible a usuarios registrados

Has realizado cambios?, sino indícanos la url exacta de tu captura de pantalla.

Saludos.

ResponderCitar
Respondido : 11/02/2019 5:11 pm
MARIA DEL MAR
 MARIA DEL MAR
Estimable Member

me ocurre desde el movil

ResponderCitar
Respondido : 11/02/2019 5:15 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En lugar del código anterior, prueba con el siguiente código :

@media (max-width: 479px) {
  .product-container .col-sm-12,
  ul.product_list.list > li .right-block .right-block-content{
    width:100%;
  }

  ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare,
  ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist{
    float:none;
    display:block;
    margin:auto;
    margin-bottom:10px;
  }
}

Saludos.

ResponderCitar
Respondido : 11/02/2019 5:33 pm
MARIA DEL MAR
 MARIA DEL MAR
Estimable Member

lo hice tal como me dijo y sigue igual
digame que hago ahora
gracias

ResponderCitar
Respondido : 11/02/2019 6:29 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Siempre que hagas cambios CSS para verlos tienes que refrescar la cache o borrar la cache de tu navegador
Actualmente se muestra como se ve en la imagen adjunta.

Saludos

ResponderCitar
Respondido : 11/02/2019 6:33 pm
MARIA DEL MAR
 MARIA DEL MAR
Estimable Member

ok muchas gracias consegido pero abria alguna manera de que se suprimiera la descripcion tambien

ResponderCitar
Respondido : 11/02/2019 6:46 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Agrega al código .product-desc para que no se muestre, es decir el código quedaría:

@media (max-width: 479px) {
  .product-container .col-sm-12,
  ul.product_list.list > li .right-block .right-block-content{
    width:100%;
  }
 
  ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare,
  ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist{
    float:none;
    display:block;
    margin:auto;
    margin-bottom:10px;
  }

  .product-desc{
    display:none;
  }
}

Saludos.

ResponderCitar
Respondido : 11/02/2019 6:59 pm
MARIA DEL MAR
 MARIA DEL MAR
Estimable Member

ok todo perfecto como lo queria muchisimas gracias me fue de gran ayuda
saludos

ResponderCitar
Respondido : 11/02/2019 8:00 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Que bien que lo solucionaste.

Saludos.

ResponderCitar
Respondido : 11/02/2019 8:36 pm