- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Mute
- Printer Friendly Page
Mobile Stacking Order in Drag and Drop Email Template
Feb 4, 2019 10:47 AM
Hi community,
I am trying to create an email with multiple content sections. In a non-mobile view, the image and copy in each content section would alternate sides of the screen (i.e. Section 1: Image Left and Copy Right, Section 2: Image Right and Copy Left etc.).
tablet / desktop view - desired alignment
Using the drag and drop email template builder, I have created an email which does this (see above) - except in mobile view (see below).
mobile view - images not stacking first
I tried using this article to help me with code to create a mobile stacking order (https://designers.hubspot.com/docs/snippets/responsive/how-to-customize-your-mobile-stacking-order). As I couldn't see how to attach a css file, I added to code to the head markup in the email template:
adding code from HS article to head markup
and added the css classes to the modules:
css classes in modules
It's not working and as a marketer, not a developer, I'm out of my depth now. Can anyone help me resolve the issue please?
Many thanks,
N
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Email to a Friend
- Report Inappropriate Content