ene 27, 20219:00 AM - editado ene 27, 20219:03 AM
Colaborador
Responsive two column e-mail module
Hello,
I want to create a module wtih two culumns for e-mails. Each column should have: Image Text CTA
with a small padding between them (15 px). The issue is that I can't make it responsive. We want the 2 columns to stack on mobile, and also become full-width ones.
That is how they look on desktop
but that is how they look on mobile
I tried to add .td { display: block; width: 100%} in a style in the module but it didn't work.
The solution to create a fully custom template does not work for this use, because we want the template to be scalable. We need this module to be applied to a wide range of e-mails.
PS: I tried to add the "default" classes that work for the other components hse-column-container hse-column hse-size-6
That solves the responsiveness issue, but it is still displayed with some padding on mobile.. here is the code I used so far: I tried to make it full width on mobile but it didn't work..