Swap image for text for mobile in DaD

ytaonon · ‎Jun 26, 2023

Apologies if this was asked before, i couldnt find it.

Our email contains a 3 column list which works fine for desktop, but i mobile the Drag and Drop turns it into one column (and even fi we got aroudn that issue, it would look too small on mobile)

Is there a way in the Drag and Drop editor to show the 3 columns in desktop, but hide or switch it with an image or different text in mobile sized screens? I see the concept exists, but dont know how to use it in DaD

amwilie · ‎Jun 26, 2023

This currently isn't possible with DnD. You would need to be able to add CSS media queries to the <head> of the email to accomplish this (some email clients like Gmail strip any <style> blocks that aren't in the <head>) and DnD email in it's current state does not allow access to the <head>.

If this answer solved your question, please mark it as the solution.

Alyssa Wilie

Web Developer at Lynton

Learn HubL | Get Marketing Insights

View solution in original post

ytaonon · ‎Jun 26, 2023

In that case, can we use a Click to Show/Hide type feature?

amwilie · ‎Jun 26, 2023

This wouldn't be possible either unfortantely, and not a fault of HubSpot. A feature like that would either require Javascript, which isn't allowed by email clients for security reasons, or a checkbox and :checked CSS which isn't supported in most email clients.

If this answer solved your question, please mark it as the solution.

Alyssa Wilie

Web Developer at Lynton

Learn HubL | Get Marketing Insights

amwilie · ‎Jun 26, 2023

This currently isn't possible with DnD. You would need to be able to add CSS media queries to the <head> of the email to accomplish this (some email clients like Gmail strip any <style> blocks that aren't in the <head>) and DnD email in it's current state does not allow access to the <head>.

If this answer solved your question, please mark it as the solution.

Alyssa Wilie

Web Developer at Lynton

Learn HubL | Get Marketing Insights

Email Marketing Tool