Avisos
Vaciar todo

Superposición carrito y banner de descuento  

 
Paula
 Paula
Estimable Member

Hola,

tengo un problemilla en la versión móvil porque el mini banner con el que ofrezco un 10% de descuento se superpone al carrito de la compra:

overlap

¿Sabéis cómo achicarlo?

Gracias,

Paula

Contenido solo visible a usuarios registrados

Citar
Respondido : 07/03/2024 10:25 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Paula.

Vas a tener que bajar el menu:

@media (max-width: 780px) {
nav.nav {
margin-top: 3em;
}
}

Puedes añadirlo en Apariencia -> Personalizar -> CSS Adicional

 

Un Saludo

 

ResponderCitar
Respondido : 07/03/2024 12:13 pm

Paula
 Paula
Estimable Member

@pepesoler Me sigue saliendo...

10%

¿Podría mover ese banner a la parte de abajo o a un lado?

Saludos,

Paula

ResponderCitar
Respondido : 07/03/2024 12:59 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Paula, 

Elimina el código anterior y prueba el siguiente, ten en cuenta que debes ir probando como se ve en tu móvil para que adaptes la altura del vh que está en el código

@media (max-width: 780px) {
button.needsclick.kl-teaser-RMhLzn.undefined.kl-private-reset-css-Xuajs1 {
top: 95vh !important;
}
}

Revisa añadas bien el código y no tenga ningún carácter adicional, veo que el anterior no se está aplicando y es posible que sea por algún error a la hora de añadirlo. 

Un Saludo 

ResponderCitar
Respondido : 07/03/2024 1:38 pm

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

Paula
 Paula
Estimable Member

@karen Gracias! le he movido a 90 para que me quede mejor, pero ahora colapsa con el botón del whatsapp. ¿Cómo puedo mover este?

 

banner bottom
ResponderCitar
Respondido : 07/03/2024 2:10 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Paula, 

En este caso puedes probar disminuir el ancho del botón, por ejemplo en lugar del código anterior probar el siguiente

@media (max-width: 780px)  {
button.needsclick.kl-teaser-RMhLzn.undefined.kl-private-reset-css-Xuajs1 {
top: 90vh !important;
width: 50% !important;
right: 45% !important;
}
}

Un Saludo 

ResponderCitar
Respondido : 07/03/2024 2:33 pm

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