Reverse column on mobile / Change order of blocks on mobile

  • Hi guys, so in the ‘Advertising experience’ section of the website, the content displays fine on Desktop with the text being on the left and the image on the right, then the other way around, then back to the original, however, on mobile view, the order of the blocks gets messed up and pictures show up together. It seems like on mobile it’s reading the block left to right and prioritising it in that order. I was wondering if there’s a way I could reverse the middle one to match the other 2 on mobile for it to go text, image, text, image, text image, instead of text, image, image, text, text, image. I hope that makes sense.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter stefandumitru

    (@stefandumitru)

    I’ve also noticed the text on the ‘PaperCut Short Film’ section stretches out when the window gets resized, the image stays the same size but the text window becomes smaller and smaller and stretches downwards and it looks unprofessional. How do I fix this as well? This issue is on desktop.

    Hello @stefandumitru!

    Thanks for writing in and sharing your site url. On my test site, I was able to replicate the blocks you have under the ?‘Advertising experience’ section. In desktop, it’s alternating text – image on the first row, and image – text on the second row. But in mobile the images are appearing next to each other instead of alternating like in desktop. This is expected on a smaller screen like mobile, as on the first row, it’s text – image, then the second row image – text.

    Currently, the blocks used are Columns block – the first column with texts, and the other column with the image. To make the texts and image alternate in both desktop and mobile, instead of the Columns block, use the Media and Text block instead.

    For example, on the first row, have the text on the left and image on the right like in this screenshot. And the other row with the image on the left like in this screenshot.

    For the ‘Papercut Short Film’ section, you can also try the Media and Text block and check if that will make the image expand like the texts on its right.

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