However, nothing is working due to Hubspot forcing their own @media query being responsible in weird way. We are trying to reach the same results in both ways without breaking the table in several parts but everytime Gmail and Yahoo App are keep doing it
We've tried these 4 proccess:
1. Using drag'n'drop template with a standard template and created a HTML block (each button must have a link). It works in the web but mobile break them in 3 lines.
2. Using drag'n'drop tools to simulate the email signature with 3 row (image, text and HTML). Same results as above.
3. Edited the email directly as a CSS+HubL file, force our own @media quer and import as a email template. Same results as above.
4. Our last hope was transform the email signature as a plain image. It works but there is no link unfortunately.
Any suggestions how I could force the same style shows in the web and mobile devices?
or create a custom module for emails and pages with some tables(for emails). those won't be responsive by default but you should definitly create a styling tag and style it inside the module
or create a custom module for emails and pages with some tables(for emails). those won't be responsive by default but you should definitly create a styling tag and style it inside the module