Community Forum

Over the years we have built up a community of email marketers, coders and designers that live and breathe email.

Use the Email on Acid Forum like your virtual water cooler: Stop by to discuss email code, quirky clients and fixes and post your issues (with an example of the code) for our community to offer its assistance.

 
   
Responsive buttons not breaking lines (Android Gmail 6)

freshaddress

Newbie
Total Posts:  1
Posted: 17 November 2016 02:20 PM

I’m having some trouble getting three responsive-styled buttons to break onto new lines in Android Gmail 6 previews

https://www.emailonacid.com/app/acidtest/display/summary/VnSWKqMUFB6MblMJAkNYI91cUJLFLFY32mKi7R8gdPpwn/shared

In those examples, you can see how the email should render from desktop to mobile (desktop, Apple Mail 10; mobile, iPhone 6), and how the three buttons should go from one row to three separate lines.

I can’t figure out whether it’s a table sizing issue, a class display:block issue, a rookie mistake I’m missing, or just something that Gmail is ignoring that I’m not aware of.

Here’s the raw HTML:
https://codeshare.io/ayQKza

Anyone else run into similar issues, and/or possibly know of a fix?

Thank you!

P.S. If you view the Gmail APP iOS 7 preview, you can see I’m also having an issue getting the buttons to resize and break lines there too, but I’m not as concerned about that right now.