Remove standard filters on mobile version

[lahsen1991]

Hello please help,

How i can remove the standard filters on mobile version to have only mobile filters.

Thanks for replies

[Kyle – SUPPORT]

Hi

Add this to your custom css:

@media only screen and (max-width: 479px) { 
.sidebar .woocommerce.widget_layered_nav {
  display: none;
}
}

– Kyle

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woo-aux-options-wrap{
display:none !important;
}

Thanks
Mohammad

[lahsen1991]

Hi

both codes not function

[Kyle – SUPPORT]

Hi

Should work fine, please make sure you do not have any errors in your custom css. Also clear any caches

– Kyle

[lahsen1991]

hello the probleme are not resolved please is important for me thanks
i have used this one i have fund this on a topic

(not work)

@media only screen and (max-width: 767px) {
.post-type-archive .sidebar{
display:none !important;
}
}

(not work)

@media only screen and (max-width: 479px) {
.sidebar .woocommerce.widget_layered_nav {
display: none;
}
}

this (hide woocmmerce mobile filters i want the
opposite)

.woo-aux-options-wrap{
display:none !important;
}

thanks on advance

[Kyle – SUPPORT]

Can you temporarily disable minification so I can check the source code

– Kyle

[lahsen1991]

hello minification is disabled now thanks

[Mohammad – SUPPORT]

Hi,
Everything seems perfect now.
Thanks
Mohammad

[lahsen1991]

hello not even I thought kyle want to check the source code I just said I disable the minification I can provide you with access so you can even please ?

[Kyle – SUPPORT]

I don’t see my css in your custom css?

@media only screen and (max-width: 479px) { 
.sidebar .woocommerce.widget_layered_nav {
  display: none;
}
}

– Kyle

[lahsen1991]

your css is added now but not work he disable only filters by attribute look here https://www.indy-cosmetics.paris/categorie-produit/soin-du-visage/

i want to wiew only the mobile filters on the top also remove all filters below

thanks

[lahsen1991]

i fund issue by using your css in wordpress and adding this for removing price filters and categoeries filters

@media only screen and (max-width: 479px) {
.sidebar .woocommerce.widget_layered_nav {
display: none;
}
}

@media only screen and (max-width: 479px) {
.sidebar .woocommerce.widget_price_filter {
display: none;
}
}

@media only screen and (max-width: 479px) {
.sidebar .woocommerce.widget_product_categories {
display: none;
}
}

thanks

[Kyle – SUPPORT]

Ok great

– Kyle