[Support request] How can I inverse the right side bar widget?

Home Forums Support How can I inverse the right side bar widget?

  • This topic has 3 replies, 2 voices, and was last updated 2 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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!

    #1380409
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media (max-width: 768px) {
        .site-content {
            display: flex;
            flex-direction: column-reverse;
        }
    }
    #1381253
    Henry

    Thats excellent thanks very much

    #1381438
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.