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

    Hi,

    On desktop, I have a 2 columns layout with one cell (A) on the left and 2 cells (B and C) on the right.
    When I switch to my phone, the responsive works fine, I have a 1 column layout with the three cells (A, B and C).
    What I want is to change this order from A, B, C to A, C, B.

    Is it possible and how?

    Thanks,

    Regards,

    Laurent

    #455862

    Hey Laurent!

    One thing you can do is create a duplicate of these columns (ordered as you wish them to be in mobile) and then hide/show them accordingly (wrap each on a Color Section and set a custom ID to each), then add this to Quick CSS:

    #mobile_version{
    display: none;
    }
    
    @media only screen and (max-width: 767px) {
    #mobile_version{
    display: block;
    }
    #desktop_version{
    display: none;
    }
    }

    Regards,
    Josue

    #456083

    Hi Josue,

    I have just applied your solution and it works like a charm.
    Thanks a lot.

    Regards,

    Laurent

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Can I change the responsive layout behavior?’ is closed to new replies.