Issues with a Fixed (Sticky) Banner
Hi, I'm attempting to troubleshoot an issue with a sticky banner I've built for the bottom of my emails. Check out the mobile view in this builder: https://litmus.com/builder/20d2762
I had to add
padding-bottom:40px; to the banner so that it will compensate for the height of iOS Mail app toolbar. This works fine for iOS Mail. It looks like it sits cleanly on the bottom of the screen.
This doesn't work very well for the new(ish) Outlook app. The Outlook app renders the banner to float in the middle of the screen, blocking all of the other content.
Is there a way to target the Outlook App only? Or is there a better way to write this code so that its rendered the same with each app?