Hey! I am currently building out a campaign and I noticed that everything looks great on desktop; however, the mobile view is stacking my widgets. This is making the mobile appearance not make sense. Any work arounds you've found successful?
Desktop:
mobile:
Hi Brooke,
You've probably figured this out by now. The template builder is doing exactly what HTML is designed to do: it's wrapping cells that are grouped together in a row. It looks like you have a 2-column layout on top (row 1) and then you added a 4-column layout below it (row 2).
What you need to do instead is place your widgets in the same cell with their respective headers, so they are grouped together in one whole cell (see the images--I just used buttons since they were easier to drag and drop for this example).
Now it looks like you have text below your widgets. If that's the case, you will need to drag an HTML component below the cell header and format your widgets in a table to get the alignment correct--which requires a little HTML knowledge. OR...if your widgets are an image with icon and text together, you can just drag two image components below each header. In fact, if the text is separate from the icon image, I would just make them each an image using a separate image editor so you don't have to deal with HTML if you don't feel comfortable.
If this helps, please close your question by marking this as best answer.
Stephanie
