Different layout views of an email module between desktop and mobile
Jan 2, 2019 12:26 PM
I'm trying to design an email using the drag and drop editor such that my main content module displays differently on desktop and mobile. Below are screenshots of the content. First is the display for desktop, which is what I'm aiming for.
Second is the way it displays on mobile. This is not ideal. The ideal state is Image --> Text --> Image --> Text
Here is the way it is built in the drag and drop.
Now, I understand why the mobile is displaying that way because of how the modules are placed. However, I'm wondering if there is a way to use the drag and drop modules to perform such a view.
One option I've thought of is using two module groups and adding "display: none;" styles along with the media queries, but if there's a way to avoid doing that then I'd prefer not to.