Sidebar on top and filters inside accordion

1 Create accordion with widget sidebar (visual composer)

3 Add pluggin Widget CSS Classes

2 Create Text inside shop sidebar and copy the filter that you have created .mobile_filters_widget

4 Create the apropriate classes for the widgets inside shop sidebar .desktop_filters_widget   and  .mobile_filters_widget

Add CSS

/* filters and sidebar visibility */

@media(min-width:768px){
.mobile_filters_widget{
display:none !important;
}}

@media(max-width:768px){
.desktop_filters_widget{
display:none
}}

/* move sidebar on top */

@media(max-width:768px){
.template-page {
order: 2 !important;
}
.sidebar.sidebar-main {
order: 1 !important;
}
#main-container>.row {
display: grid !important;
}
}