Avisos
Vaciar todo

[Resuelto] Cambiar menú en versión móvil

7 Respuestas
3 Usuarios
0 Reactions
29 Visitas
 Sara
Respuestas: 12
Active Member
Topic starter
 

Hola!

Espero que hayáis tenido un buen comienzo de año 🙂

En la versión móvil de la web me gustaría que desapareciera el "seleccionar página" dejando sólo las tres líneas del menú y que el carrito no estuviera tan pegado al logo, que bajara un poco (igual ponerlo donde está el "seleccionar página"). Sabéis cómo lo puedo hacer?

 

Gracias!

Contenido solo visible a usuarios registrados


 
Respondido : 07/01/2021 9:03 am
Karen Rios
Respuestas: 18678
Illustrious Member Moderator
 

Hola Sara,

Para eliminar el texto de seleccionar pagina en el menú móvil de divi puedes probar el siguiente código CSS, debes añadirlo en el apartado Apariencia ->  Personalizar -> CSS Adicional

.select_page { 

visibility: hidden;

}

Si deseas crear más espacios entre el icono del carrito puedes probar el siguiente código

@media only screen and (max-width: 500px) {
.et-cart-info {
padding-top: 20px;
}

}

Un Saludo


 
Respondido : 07/01/2021 12:27 pm
 Sara
Respuestas: 12
Active Member
Topic starter
 

Hola!

Gracias por tu respuesta 😀

La primera parte ha funcionado, pero el carrito sigue en el mismo sitio. He aumentado de 20px a 100px a ver si pasaba algo pero el código no funciona en la web.

Tienes alguna otra idea?

Gracias nuevamente,

Sara


 
Respondido : 07/01/2021 12:43 pm
Karen Rios
Respuestas: 18678
Illustrious Member Moderator
 

Hola Sara,

Prueba modificar el tamaño del cambio a la versión móvil, por ejemplo

@media only screen and (max-width: 467px) {
.et-cart-info {
padding-top: 20px;
}

}

De igual forma si tienes algún plugin de cache prueba borrar la cache de tu sitio web y comprobar si con ello se muestra todos los cambios

Un Saludo


Esta publicación ha sido modificada el hace 5 años por Karen Rios
 
Respondido : 07/01/2021 12:53 pm
 Sara
Respuestas: 12
Active Member
Topic starter
 

Hola!

Disculpa, pero sigue sin funcionar. Se te ocurre algo más?

Gracias


 
Respondido : 07/01/2021 1:38 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Sara,

Verifica si con el siguiente código se despega un poco mas del logo:

.logo_container {
margin-bottom: 20px;
}

De igual forma si tienes algún plugin de cache prueba borrar la cache de tu sitio web y comprobar si con ello se muestra todos los cambios

Un saludo 🖐️ 


 
Respondido : 07/01/2021 1:58 pm
 Sara
Respuestas: 12
Active Member
Topic starter
 

Funcionó 🙂 gracias!!!! 


 
Respondido : 07/01/2021 2:43 pm