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

Avenue: Change block order on mobile?

Question

Hi!

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!

 

 

D.png

M.png

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!

https://www.lawrence.kim/118-118-money-credit-card-design

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...