knellans Posted July 16, 2022 Share Posted July 16, 2022 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
paul2009 Posted July 17, 2022 Share Posted July 17, 2022 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. ilseS 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
knellans Posted July 17, 2022 Author Share Posted July 17, 2022 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! paul2009 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment