Avisos
Vaciar todo

Filtro de la tienda en el móvil

6 Respuestas
2 Usuarios
0 Reactions
13 Visitas
RAFAEL
Respuestas: 567
Honorable Member
Topic starter
 

Hola, 

Me gustaría que el widget del filtro de productos de la tienda: https://persianaonline.com/clon/tienda/ apareciera en la parte superior (antes de los productos) y no en la inferior, ¿cómo puedo hacerlo? 

Gracias

 

Contenido solo visible a usuarios registrados


 
Respondido : 24/04/2024 4:52 pm
Tags del tema
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Rafael,

Prueba agregar este código CSS:

@media only screen and (max-width: 600px) {
.woocommerce.woocommerce-page div#content-area {
display: flex;
flex-direction: column-reverse;
}
}

Para agregarlo puedes hacerlo por medio de cualquier método ya sea por Apariencias > personalizar > css adicional, o Divi > opciones del tema > css personalizado.

Un saludo 


 
Respondido : 24/04/2024 5:21 pm
RAFAEL
Respuestas: 567
Honorable Member
Topic starter
 

Sigue apareciendo abajo


 
Respondido : 24/04/2024 5:38 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Rafael,

Compártenos una imagen de como lo estás agregando? al inspeccionar tu sitio no veo el código agregado recuerda vaciar las caches cuando hagas cambios en css.

Un saludo 🖐️ 


 
Respondido : 24/04/2024 5:44 pm
RAFAEL
Respuestas: 567
Honorable Member
Topic starter
 

Así

image

 
Respondido : 24/04/2024 6:29 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Rafael,

Esta interfaz es la del plugin code snippet, por favor agregala en Apariencias > personalizar > Css adicional, al final del todo. Agrega también este pequeño cambio:

@media only screen and (max-width: 600px) {
.woocommerce.woocommerce-page div#content-area {
display: flex !important;
flex-direction: column-reverse !important;
}
}

Un saludo 🖐️ 


 
Respondido : 24/04/2024 6:55 pm