Jump to content

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

Recommended Posts

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

Link to comment
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.

move-blocks-fe-mobile.thumb.gif.9fbb2f80526d36aedfb99d4796c13e44.gif

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.