Hey Trailblazers!
My e-mail is appearing differently in desktop and mobile. I have two buttons side by side, ideally, they show up like this as they do on desktop:
but on mobile, they are stacking on top of each other like this:
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="right"><table border="0" cellspacing="0" cellpadding="0"><tr><td class="innertd buttonblock" bgcolor="#002147" style=" border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #002147;"><a target="_blank" class="buttonstyles" style=" font-size: 16px; font-family: Arial, helvetica, sans-serif; color: #.FFFFFF; text-align: right; text-decoration: none; display: block; background-color: #002147; border: 1px solid #002147; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;" href="http://www.google.com" title="" alias="" conversion="false" data-linkto="https://">More Information</a></td></tr></table></td></tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="left"><table border="0" cellspacing="0" cellpadding="0"><tr><td class="innertd buttonblock" bgcolor="#002147" style=" border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #002147;"><a target="_blank" class="buttonstyles" style=" font-size: 16px; font-family: Arial, helvetica, sans-serif; color: #.FFFFFF; text-align: left; text-decoration: none; display: block; background-color: #002147; border: 1px solid #.5D5D5D; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;" href="http://www.google.com" title="" alias="" conversion="false" data-linkto="https://">Sample Pages</a></td></tr></table></td></tr></table>
I suspect it may have something to do with my tables, but I'm not sure how to fix them. I just inserted them from the options on the content builder.
I code for a separate layout for mobile and desktop so that it is optimized for both formats. I suggest you update your code to display differently for each form factor.
Not sure if it will work but for a quick fix see if you shorten the name from "More Information" to "More Info" will it display better on mobile?
