Getting mobile view to match desktop view when using images and audio blocks

Site URL: https://www.sitbelove.org/audio-meditations

Hi all,

So im creating a page to house audio and using the audio block [for now]. Id like to add a custom image that creates a 'card' like effect with the audio player beneath. This looks fine on desktop, but on mobile, all the images end up at the bottom and not paired with their audio file. Ive tried to manually adjust in mobile view by drag and drop but this is not working well. 

Any code that i could add to create this effect? Or is there a better way to arrange the blocks on the desktop view so that they behave in the way im looking for? 

Thanks for your help! 

password: buddha

8 hours ago, knellans said:

This looks fine on desktop, but on mobile, all the images end up at the bottom

As you are using Fluid Engine so you should be able to reorder and reposition those blocks for mobile 🙂

See the support guide for more information: Fluid Engine: Mobile Layout.

Paul, that worked. I began to work in that way and for whatever reason it was glitchy- today was a smoother work session. It now appears as it should on mobile- using fluid engine. 

Thanks for the nudge to try again!