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

Changing block order for mobile


EdwinVdS

Question

Site URL: https://www.daretobegrey.com/home-office-en

Hi all,

So for a while now, I'm struggling to figure out how to arrange blocks on a page purely for mobile. The block arrangements are fine on desktop, but for two specific pages it leads to a skewed order on mobile.

To be specific:
For this project we're bundling 5 stories on an index section. Each of 5 stories has its own page with five components, which, on mobile, we'd like to see in the following order:

<title>

<video>

<text>

<button>

<bubble image>

Due to the arrangements for desktop, they're not presented as such for the second and fourth story, where we see the order being:

<title>

<text>

<button>

<bubble image>

<video>

Is there a way to place the video in these sections between the title and the text, in such a way that we can keep the current arrangement for desktop?

Maybe good to mention as well that we already have a general, costum code in place that prioritises vertical arrangements to horizontal for mobile. 

Link to comment
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

1 answer to this question

Recommended Posts

  • 0
On 6/8/2021 at 7:21 PM, EdwinVdS said:

Site URL: https://www.daretobegrey.com/home-office-en

Hi all,

So for a while now, I'm struggling to figure out how to arrange blocks on a page purely for mobile. The block arrangements are fine on desktop, but for two specific pages it leads to a skewed order on mobile.

To be specific:
For this project we're bundling 5 stories on an index section. Each of 5 stories has its own page with five components, which, on mobile, we'd like to see in the following order:

<title>

<video>

<text>

<button>

<bubble image>

Due to the arrangements for desktop, they're not presented as such for the second and fourth story, where we see the order being:

<title>

<text>

<button>

<bubble image>

<video>

Is there a way to place the video in these sections between the title and the text, in such a way that we can keep the current arrangement for desktop?

Maybe good to mention as well that we already have a general, costum code in place that prioritises vertical arrangements to horizontal for mobile. 

Hi. It looks like you solved this?

Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...