hide the entire filter block in offcanvas in mobile view

How can i hide the entire filter block in j2store product list page into the offcanvas in mobile view? Or at least an accordion thats default closed?

To hide this filter bar on mobile, you can use this custom CSS:

@media (max-width: 480px) {
.j2store-product-list .j2store-sidebar-filters-container, .j2store-product-list #productFilters input {display: none;}
}

About the collapse feature, you need to contact provider of J2store if they can support this feature for the filter.

Regards

Let me try to ask them

How to remove this blank space after I added the CSS you provided to hide the filter?

Try this custom CSS:

@media (max-width: 576px){
.com_j2store .t3-mainbody {
    padding-top: 10px;
    margin-top: 10px;
}}

this works 😉 Thanks!