Avisos
Vaciar todo

[Resuelto] Desajuste version movil

4 Respuestas
3 Usuarios
0 Reactions
13 Visitas
Respuestas: 179
Estimable Member
Topic starter
 

Buenos días, como podemos arreglar que el logo esté por encima de otros elementos en la version movil

imagen

 Tenemos tonda como tema

Contenido solo visible a usuarios registrados


 
Respondido : 29/02/2024 9:34 am
Tags del tema
Pepe
 Pepe
Respuestas: 41133
Illustrious Member Admin
 

Hola Susana.

Lo que veo es que se duplica, veo el logo en la parte superior y también en la pagina.

Puedes ocultarlo.

Añade lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

@media (max-width: 780px) {
.qodef-title-holder .qodef-title-image {
display: none !important;
}
.qodef-title-holder.qodef-title-va-header-bottom .qodef-title-wrapper {
margin-top: 2em;
}
}

 

Si quieres que se siga mostrando los dos logos:

.- Elimina el código anterior

.- Añade lo siguiente:

@media only screen and (max-width: 780px) {
.qodef-title-holder.qodef-title-va-header-bottom .qodef-title-wrapper {
padding-top: 18em !important;
}
}

 

Un Saludo

 

 


 
Respondido : 29/02/2024 11:34 am
Respuestas: 179
Estimable Member
Topic starter
 

@pepesoler Buenas otra vez: el carrito queda justo encima del logo en varios dispositivos, ¿hay manera de evitar esto?

Saludos

WhatsApp Image 2024 03 05 at 19.56.45

 


 
Respondido : 09/03/2024 10:37 am
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Susana, 

En este caso lo que veo es que necesitas disminuir un poco el tamaño de tu logo, por ejemplo puedes probar el siguiente código CSS y verificar como va todo

@media (max-width: 780px) {
.qodef-mobile-header .qodef-mobile-logo-wrapper img {
height: 70%;
}
}

Un Saludo 


 
Respondido : 09/03/2024 3:51 pm