Home › Forums › Support › How can I inverse the right side bar widget? This topic has 3 replies, 2 voices, and was last updated 3 years, 8 months ago by David. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts July 29, 2020 at 4:42 am #1380360 Henry What I mean is that at the moment I have a page template which is like this: === DESKTOP === < HEADER > < CONTENT > < SIDE BAR WIDGET > ^ that layout is fine, but on mobile, this happens: === MOBILE === < HEADER > < CONTENT > < SIDE BAR WIDGET > === IDEAL MOBILE === < HEADER > < SIDE BAR WIDGET > < CONTENT > So, is it possible to flip the widget to the top and not the bottom, i.e. change the ordering? Thanks! July 29, 2020 at 5:33 am #1380409 DavidStaff Customer Support Hi there, try this CSS: @media (max-width: 768px) { .site-content { display: flex; flex-direction: column-reverse; } } July 29, 2020 at 6:21 pm #1381253 Henry Thats excellent thanks very much July 30, 2020 at 12:43 am #1381438 DavidStaff Customer Support You’re welcome Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In