Content layout sidebar position on small screens

Support
#1

Hello,
I would like to have the Sidebar on the right collapse to the top of the page above content . Seems the default is always to the bottom.
Using Renew theme.
How would I change this?
Thankyou,
die

#2

Hi there,

That is the default behavior of the theme and to change that it needs customization which is outside of our support scope. But we will suggest a code to do that temporarily. This code is not an official solution and is just for your case to make it possible have the sidebar above the content. Please add the code to X > Launch > Options > CSS:

@media (max-width: 979px) {
 .x-container  {
    display: flex;
    flex-flow: column wrap;
 }
 .x-container .x-main {
    order:  2;
 }
 .x-container .x-sidebar {
 	order:  1;
 }

}

Thank you.

#3

Hey, Thank-you Christopher … that works!
_dje

#4

You’re welcome!