[Resuelto] Sidebar no se ve en el móvil  

Hola Daniel.

Por lo general en la version móvil esta oculta:

.- Accede a wp-content -> themes -> navian y edita el archivo style.css

.- Sobre la linea 110 veras el siguiente código:

 @media all and (max-width: 990px){
.hidden-sx { display: none!important; }
} 

.- Lo sustituyes por lo siguiente:

/* @media all and (max-width: 990px){
.hidden-sx { display: none!important; }
} */

Lo que hacemos con este código es comentarlo para que no tenga ninguna acción.

Un saludo

@pepesoler muchas gracias por tu respuesta!

La verdad es que así se ve, pero da un aspecto muy bruto. Aparece descuadrado, sin respetar márgenes. 

De hecho hasta da la sensación de que modifica las imágenes de los productos.

Imagino que no habrá forma de hacerlo más sutil, ¿no? ¿Como un desplegable o algo así?

Gracias por vuestro tiempo.

Hola Daniel, 

Usualmente el sidebar se oculta básicamente por su forma de visualización o para mejorar la experiencia de navegación en móvil, en este caso al mostrarlo esta es la forma de visualizarlo en tu sitio web una opción que puedes probar es controlar el ancho de estos con el siguiente código CSS

@media (max-width: 780px){
div#woocommerce_layered_nav-15 {
width: 45%;
float: right;
}
div#woocommerce_price_filter-3 {
width: 45%;
}
}

De igual forma no veo una opción para que estos widgets se muestren en desplegables, para poder añadir esa característica necesitas alterar el código completo de esta sección de forma que se adapte en móvil o indicarle que la forma de visualización en todos los dispositivos sea de esa forma 

Un Saludo

@karen @pepesoler

me decidí a instalar el plugin YITH WooCommerce Ajax Product Filter, ya que tiene una opción que permite un botón para mostrar como modal en móviles.

el problema es que aparece el botón, pero no se muestran los filtros...

¿no sabréis a que se debe?

Que tal Daniel,

Si estas utilizando una version gratuita del plugin es necesario utilizar los espacios de la barra lateral para poder incluir los filtros, acá los chicos que desarrollaron el plugin muestran como configurarlo https://www.youtube.com/watch?v=zHWu01ZxEDA

Ahora bien si deseas que se muestren de forma emergente en la vista movil esta acción esta incluida en las propiedades premium del plugin https://plugins.yithemes.com/yith-woocommerce-ajax-product-filter/

Valida cual es tu caso y dependiendo de las capacidades del plugin podemos orientarte a que podemos hacer con la vista movil.

Saludos!

@bruno-vichetti gracias por tu respuesta!

La versión que tengo es la premium. El boton de filtros aparece en la web vista desde el móvil, pero al pinchar no muestra los filtros.

Hola Daniel,

Has configurado los atributos y las variaciones dentro de los filtros? con este complemento debes configurarlos en los ajustes del complemento, es decir hacerse saber al complemento que va a trabajar con los atributos de tus productos. Te recomiendo ver su guia de instalacion igualmente al ser la versión premium difiere un poco de la gratuita por lo que es posible que necesites contactar con soporte del mismo.

https://docs.yithemes.com/yith-woocommerce-ajax-product-filter/

Un saludo 🖐️ 

@argenis el plugin estaba correctamente configurado pero aún así algo interfería en su funcionamiento. Tras intentar resolverlos sin éxito desistí y utilicé el plugin "Responsive sidebar". Siguiendo los pasos que me indicó @pepesoler pude mostrar la sidebar en el móvil y con el plugin la agrupé en un botón.

Gracias por vuestra ayuda

Hola Daniel, 

Enhorabuena has logrado configurar las opciones como deseas, siempre es un placer poder ayudarte

Coméntanos si con esto podemos dar ele tema como solucionado

Un Saludo 😊 

@karen Claro! Solucionado!

Hola Daniel, 

Enhorabuena, nos alegra mucho que lo solucionaras 😀 

Con esto podemos dar el tema como cerrado, escríbenos si tienes cualquier otra consulta

Un Saludo 😊