I’m working on a kinetic (interactive carousel) email, and I’ve got it to a good place, but I’m having a tough time with a couple of styling things. I’ve attached the working code for reference.
My issues (please refer to code):
1) On mobile (particularly for iPhone 5 + 6 IOS), a part of the email gets cut off on the button portion (on the right side). When it hits the iPhone5 + iPhone6 media query, it just cuts off some of the module instead of scaling the spacing down to fit.
2) I have some text that goes under the hero image. It’s placed just fine on the first slider, but for the subsequent sliders, the text gets placed above the hero image.
I’ve been banging my head on these for the past few days. I’ve tried shrinking the icons down and adding some negative margin-left for the first issue, but still couldn’t get it right. Hoping someone might know of a quick fix. Appreciate any help.