Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Avenue: Change block order on mobile?



I'm creating a page in the Avenue template. When viewed on a desktop there is an image on the left, and text to the right (see "M", attached).

When viewed on a mobile device, the image comes first, with the text below (see "D", attached).

I'd like to swap the positions of the 2 blocks on the mobile device. That is, I'd like the text first, followed by the image below.

How can I do this?

Thank you!





Edited by cakalak
Wrong images attached

Share this post

Link to post

4 answers to this question

Recommended Posts

  • 0
16 minutes ago, cakalak said:

Hi tuanphan!


I'd like to have the title and body text at the top of the page in mobile view, followed by the illustration of the card.

Thank you!

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#page-5dc48a5090367c2c43071590>.row.sqs-row {
    display: flex;
    flex-direction: column-reverse;


Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...