Comment faire passer les filtres de la sidebare WordPress au dessus des produits Woocommerce sur mobile

Votre barre latérale s’affiche sous les produits woocommerce ou sous le contenu de votre site internet sous wordpress (SUR MOBILE) ? pas de problème !

Pour y remédier, il vous suffit d’ajouter ce code CSS dans votre personnalisateur de thème ou encore votre fichier styles.css qui ce trouve bien sur dans le child de votre thème (votre thème enfant). Si vous ne savez pas ce qu’est un thème enfant … vous êtes dans la merde !

[code language=”css”]
@media(max-width:980px){
.woocommerce-page #content-area{
display: flex;
flex-direction: column;

}
.woocommerce-page #page-container #left-area{
order: 2;
}

.woocommerce-page #page-container #sidebar{
order: 1;
}}
[/code]

Ne partez pas si vite 😭