Responsive : où peut-on choisir à partir de quelle taille les filtres s'affichent ?

[Frad]

Bonjour la communauté !

 

Dans le thème responsive, les filtres présents en left_column des pages product_list passent en display:none dès que l'on descend à moins de 767px de largeur d'écran (le style s'ajoutant au code html et n'étant pas renseigné dans les feuilles css, je me dis qu'il doit s'agir d'un code jQuery quelque part). Très bien. Je voudrais changer cette valeur de 767px car j'ai choisi de faire un toggle qui affiche ou non ces filtres à la guise de l'internaute sur tablettes et mobile. Cela fonctionne parfaitement sous 767px (masqué puis affiché si le toggle est cliqué) mais ils s'affichent au chargement à plus de 768px (je les voudrais masqués au chargement jusqu'à 1199px).

 

Quelqu'un sait-il dans quel fichier je peux changer cette valeur ?

 

Merci

[Johann]

Bonjour,

 

Le responsive design ne se gère pas avec jQuery avec avec les "media queries" en CSS. Recherche "@media (max-width: 767px)" dans tes css. Ces "media queries" servent à définir des comportement quand (dans cet exemple) l'écran fait moins de 767px

[Frad]

Merci Johann,

 

je vois très bien à quoi servent les media queries. En l'occurence, c'est directement la balise html qui prend ou non un attribut de style en fonction de la largeur d'écran et la "disparition" de l'élément n'est pas paramétrée dans les fichiers .css. C'est pour cette raison que je ne trouve pas où je peux agir dessus.

[Mediacom87]

Bonjour,

 

certainement dans les js du module affichant ces filtres certainement blocklayered.