Sidebar on top for mobile?

[Fredrik]

Fredrik

January 30, 2022 at 6:12 am

Hi,

I am using Kadence and the Shopping template.

I cannot get the sidebar to show on top on mobile view. I have tried to use previous CSS-solutions suggested in the forum.

Any idea if I need to update to someting else for my combination?

I have tried these:

—
media screen and (max-width: 900x) {
.post-type-archive-product .content-container.site-container {
display: flex;
flex-direction: column-reverse;
}
}
——–

@media screen and (max-width: 900px) {
.post-type-archive-product.woocommerce #content .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column-reverse;
}
}
—

@media screen and (max-width: 900px) {.archive.has-sidebar .content-container {
display: flex;
flex-direction: column-reverse;
}
}

—-

Best regards
Fredrik