Sidebar Collapse in resoinsive mode

[gimmechefs]

Hi Guys, followed all possible threads here, but cant seem to find it.

I have made sidebar stick to top in responsive, as per your code snippet.

@media (max-width: 980px) {

.x-sidebar-content-active .offset.cf {
    display: flex;
    flex-direction: column-reverse;
}

.x-header-landmark+.x-container>.offset>.x-sidebar {
    margin-top: 10px;
}

}

I have a sidebar, and all it contains is a filters search. There are alot of filters. What I wolud like to do is collapse the entire side bar in responsive mode only as an accordian with a title such as “Filter Search”.

Any advice would be greatly appreciated.

See: www.mysplitshifts.com for the page.

Best
Max

[rad]

Hi Max,

Thanks for reaching out.

Do you mean to make the filters as accordion once it collapsed? That would require custom development which we can’t provide here in the forum. It seems you’re using directories plugin, I recommend contacting the plugin author as they are more familiar with their codes.

Thanks!

[gimmechefs]

Thanks for that. I will contact them. Does ethos (or any other x theme) have a sliding sidebar option?

[rad]

Hi @gimmechefs,

Unfortunately, it’s not available on our theme and we’re not sure about the other themes.

Thanks!