Last active
September 14, 2021 17:11
-
-
Save kvann/ad056e29d55dbbb79d94ebc7171f2cdd to your computer and use it in GitHub Desktop.
Social icon custom layout for email template. This layout allows for the social icons to be centered aligned and has fixes set so that alignment are rendering properly in Android and iOS. This layout does not collapse and will overwrite any media query collapsing.
Simply replicate this block of code for more columns and adjust the width accordingly
<td align="center" valign="middle" width="34" style="display:inline-block!important;font-size:0;width:34px!important;">
...
</td>
<td width="10" style="display:inline-block!important;font-size:0;width:10px!important;"> </td>
Update 08/15/2018
The current version of this code ensures that each image will scale up to its intended (max) width.
<img src=" ..." style="max-width: 34px !important;">
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
We're setting the size for each icons to be 34 pixel. If you prefer to change the size of the icons, you must change all instances of the size and width that has 34 set on it.
There is also a 10 pixel wide spacing between the Facebook and Twitter icon.
<td width="10" style="display:inline-block!important;font-size:0;width:10px!important;"> </td>