[Resolved] Changing order of blocks from elementor

Home Forums Support [Resolved] Changing order of blocks from elementor

Home Forums Support Changing order of blocks from elementor

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #882130
    Morten

    Hi,

    I’m trying to create a page that looks like the full-width image/text blocks on the frontpage of the aspire page in your library. However, i can’t seem to figure out how to change the order of the blocks when rendered on mobile, on PC i get the correct image, text, image, text order, but on phone i get image, text, text image.

    I tried adding to my css, but it doesn’t seem to work. .order1 and .order2 are the classes i added to the columns in elementor.


    @media
    (max-width: 768px) {
    .site-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    }

    .order1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    }

    .order2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    }

    }

    GeneratePress 2.2.2
    GP Premium 1.8.1
    #882268
    Morten

    Nevermind. Elementor has a reverse order function, no need for css! 🙂

    #882307
    Leo
    Staff
    Customer Support

    Glad you’ve figured out!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.