Archived topic

How can I inverse the right side bar widget?

3 replies · Started by Henry on July 29, 2020

Viewing posts 1–4 of 4

July 29, 2020 at 4:42 am #1380360

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

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

Thats excellent thanks very much

July 30, 2020 at 12:43 am #1381438

You're welcome

This archived topic is closed to new replies.