Okay
  Public Ticket #2247029
Text / Image order on Mobile
Closed

Comments

  • Marguerite Lavayssiere started the conversation
    December 18, 2019 at 2:03pm

    Hello,

    I would like, on the mobile version, the text and image blocks respect the order: (text on the left / image on the right) the text before the image, can you tell me how to do it.

    I already used this code : https://opendept.ticksy.com//ticket/1918232/
    it works for Instagram Feed but not the other blocks.. :S

    Thanks in advance !

  •  234
    Elena replied
    December 18, 2019 at 5:55pm

    Hi Marguerite,

    You need to add more CSS. Here you have it:

    @media screen and (max-width: 768px) {
        .block.block-split-composer .block-content {
            display: flex;
            flex-direction: column;
        }

        .block.block-split-composer .block-figure {
            -webkit-box-ordinal-group: 0;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
        }
    }

    Cheers, P.