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;
}
}

©2022 All rights reserved

CONTACT US

We're not around right now. But you can send us an email and we'll get back to you, asap.

Sending

Log in with your credentials

Forgot your details?