Grouping Content Blocks Together

vividvisuals

I've finally figured out what my ideal homepage structure should look like.

Website is:
www.vividvisuals.asia

Under the initial splash screen it would be 3 sections line up next to each other. Each has:
1. HTML Block for Header
2. Carousel for highlights
3. Page Block for sub sections
4. HTML Block for description and call to action.

In any desktop format I test it in, this works perfectly.

The problem is that, when it is viewed in mobile it displays as 1, 1, 1 then 2, 2, 2 then 3, 3, 3 then 4, 4, 4 which obviously won't work.

So my question is this: Is there any way to group 1, 2, 3 and 4 together so that, when it goes to mobile format, they shift together? For example: Section 1: 1, 2, 3, 4 then Section 2: 1, 2, 3, 4 etc?

Anyone who can figure that out will be my savior!

I have tried and tried so many times to get my page configured the way I want it and I feel like I'm nearly there. This would be the key!

Thanks for your time!

Hikin' Mike

SmugMug needs to add a "Container Block" (Grouping Content) so you can add the other types of blocks. I can't see this happening any time soon. Unfortunately for you, you're going to have to come up with another design that works in both desktop and mobile. You really don't want your mobile to just be a smaller version of your desktop. Nobody will be able to read it. In mobile your '1, 2, 3' blocks should display vertical, not horizontal. No way that I can see making that happen.