- Este debate tiene 5 respuestas, 2 mensajes y ha sido actualizado por última vez el hace 4 años, 3 meses por
.
Viendo 6 entradas - de la 1 a la 6 (de un total de 6)
-
Entradas
-
Hola compañeros.
A ver si me podéis ayudar con una duda.
Al hacer una tienda online he usado el yith product filter para filtrar los productos, al mostrarse en la barra lateral, cuando se abre en un dispositivo movil se ve abajo del todo.
Mi pregunta es ¿Se puede poner la barra lateral arriba en vez de abajo en los móviles?
Muchas gracias!
Prueba a añadir el siguiente CSS al final del todo en apariencia > personalizar > css adicional:
@media only screen and (max-width: 767px) { .container > .row { display: flex; flex-direction: column-reverse; } }Otra opción es el siguiente código:
@media (max-width: 768px) { .site-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #left-sidebar { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .content-area { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #right-sidebar { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } }Había tenido que copiarlo de Internet porque no estaba en mi oficina, este código sí debe funcionar, lo he hecho yo mismo 😀
@media (max-width: 768px){ .site-content { display: flex; flex-direction: column; } .content-area { order: 2; } .sidebar { order: 1; }}
Viendo 6 entradas - de la 1 a la 6 (de un total de 6)
- Debes estar registrado para responder a este debate.
