[voodoochill]

I want to make the sidebar move above the content instead of beneath the content when viewed on mobiles.

Can anyone please tell me the code I need to edit to do this, many thanks.

[tikaram]

@voodoochill: Go to Appearance => Customize => Additional css and add the following css.

@media screen and (max-width: 990px) {  
 #content .wrapper {
   display: flex;
   flex-direction: column;
}

#content #main {
order: 2;
}

#content .sidebar-primary {
order: 1;
}
}

Let me know if you have any further issues.

Regards,
Tikaram

[Author]

Posts