Swap Section Order on 7.1 Mobile

Hey, I have tried a few different ways of doing this using the div# and page sections and can't seem to get it right. I am trying to swap the order of the split section I have on my services page.

I want the image for Bloom (pink site) to be above the Bloom package description. So it would be image/get rooted/image/bloom. 

It is currently all designed as sections not text/image but with split section code, so not swapping blocks.

Any insight would be appreciated.  

https://birchandbuddesign.squarespace.com/custom-website-design 

password: tulum

Thank you!

@lara_e Hi! The easiest way to achieve this is by creating a copy of the section with the 'Image for Bloom' and placing it above the 'Bloom Package Description' section. With custom code, we can then display the duplicated section only on mobile to maintain the correct order in the mobile version as you mentioned. Once you've created the duplicate of the 'Image for Bloom' section above the 'Bloom Package Description,' let me know, and I’ll share the custom code needed.

1 hour ago, Lesum said:

@lara_e Hi! The easiest way to achieve this is by creating a copy of the section with the 'Image for Bloom' and placing it above the 'Bloom Package Description' section. With custom code, we can then display the duplicated section only on mobile to maintain the correct order in the mobile version as you mentioned. Once you've created the duplicate of the 'Image for Bloom' section above the 'Bloom Package Description,' let me know, and I’ll share the custom code needed.

Hi, thanks for your idea but i don't think that will work because I'm using 2 sections side by side and it messes up the look on desktop if I duplicate and then try and hide it. I've done this before, I just can't seem to write the code right now.

@lara_e The duplicated section shouldn’t affect the desktop version since it will be hidden on desktop. Alternatively, you could apply the flex order property to all sections on the page and reverse the order of these two sections for the mobile version.