How to solve the overlapping issue in mobile devices while we send email using email template

<!--mce:protected %3C%21--mce%3Aprotected%20%253C%2521DOCTYPE%2520html%253E--%3E-->
<!--mce:protected %3C%21--mce%3Aprotected%20%253Chtml%253E--%3E-->
<!--mce:protected %3C%21--mce%3Aprotected%20%253Chead%253E--%3E-->
<!--mce:protected %3C%21--mce%3Aprotected%20%253Cstyle%2520type%253D%2522text/css%2522%253E%250A%2520%2520%2520%2520/*%2520General%2520styles%2520*/%250A%2520%2520%2520%2520body%2520%257B%250A%2520%2520%2520%2520%2520%2520font-family%253A%2520Arial%252C%2520sans-serif%253B%250A%2520%2520%2520%2520%2520%2520color%253A%2520%2523333%253B%250A%2520%2520%2520%2520%2520%2520margin%253A%25200%253B%250A%2520%2520%2520%2520%2520%2520padding%253A%25200%253B%250A%2520%2520%2520%2520%2520%2520background-color%253A%2520%2523f5f5f5%253B%250A%2520%2520%2520%2520%257D%250A%250A%2520%2520%2520%2520.container%2520%257B%250A%2520%2520%2520%2520%2520%2520max-width%253A%2520600px%253B%250A%2520%2520%2520%2520%2520%2520margin%253A%252020px%2520auto%253B%250A%2520%2520%2520%2520%2520%2520background-color%253A%2520%2523fff%253B%250A%2520%2520%2520%2520%2520%2520border%253A%25201px%2520solid%2520%2523ddd%253B%250A%2520%2520%2520%2520%2520%2520border-radius%253A%25208px%253B%250A%2520%2520%2520%2520%2520%2520overflow%253A%2520hidden%253B%250A%2520%2520%2520%2520%2520%2520padding%253A%252020px%253B%250A%2520%2520%2520%2520%2520%2520text-align%253A%2520left%253B%250A%2520%2520%2520%2520%257D%250A%250A%2520%2520%2520%2520/*%2520Button%2520styles%2520*/%250A%2520%2520%2520%2520.button%2520%257B%250A%2520%2520%2520%2520%2520%2520font-family%253A%2520Arial%252C%2520sans-serif%253B%250A%2520%2520%2520%2520%2520%2520font-size%253A%252016px%253B%250A%2520%2520%2520%2520%2520%2520font-weight%253A%2520bold%253B%250A%2520%2520%2520%2520%2520%2520color%253A%2520%2523fff%2520%2521important%253B%250A%2520%2520%2520%2520%2520%2520text-decoration%253A%2520none%253B%250A%2520%2520%2520%2520%2520%2520background-color%253A%2520%2523f8a429%253B%250A%2520%2520%2520%2520%2520%2520padding%253A%252010px%252040px%253B%250A%2520%2520%2520%2520%2520%2520border-radius%253A%25205px%253B%250A%2520%2520%2520%2520%2520%2520border%253A%25201px%2520solid%2520%2523ddd%253B%250A%2520%2520%2520%2520%2520%2520margin%253A%252010px%2520auto%253B%250A%2520%2520%2520%2520%2520%2520%2520width%253A%2520100px%253B%2520/*%2520Fixed%2520width%2520*/%250A%2520%2520%2520%2520%2520%2520height%253A%252030px%253B%2520/*%2520Fixed%2520height%2520*/%250A%2520line-height%253A%252030px%253B%2520/*%2520Align%2520text%2520vertically%2520in%2520the%2520center%2520*/%250A%2520%2520%2520%2520%2520%2520margin-right%253A%252010px%253B%2520/*%2520Space%2520between%2520the%2520buttons%2520*/%250A%250A%2520%2520%2520%2520%2520%2520display%253A%2520inline-block%253B%250A%2520%2520%2520%2520%2520%2520text-align%253A%2520center%253B%250A%2520%2520%2520%2520%257D%250A%250A%2520%2520%2520%2520/*%2520Footer%2520*/%250A%2520%2520%2520%2520.footer%2520%257B%250A%2520%2520%2520%2520%2520%2520padding%253A%252010px%252020px%253B%250A%2520%2520%2520%2520%2520%2520background-color%253A%2520%2523f9f9f9%253B%250A%2520%2520%2520%2520%2520%2520text-align%253A%2520left%253B%250A%2520%2520%2520%2520%2520%2520font-size%253A%252014px%253B%250A%2520%2520%2520%2520%2520%2520border-top%253A%25201px%2520solid%2520%2523ddd%253B%250A%2520%2520%2520%2520%257D%250A%250A%2520%2520%2520%2520.footer%2520a%2520%257B%250A%2520%2520%2520%2520%2520%2520color%253A%2520%252300539C%253B%250A%2520%2520%2520%2520%2520%2520text-decoration%253A%2520none%253B%250A%2520%2520%2520%2520%257D%250A%250A%2520%2520%2520%2520.footer%2520a%253Ahover%2520%257B%250A%2520%2520%2520%2520%2520%2520text-decoration%253A%2520underline%253B%250A%2520%2520%2520%2520%257D%250A%250A%2520%2520%2520%2520.footer%2520ul%2520%257B%250A%2520%2520%2520%2520%2520%2520padding-left%253A%252020px%253B%250A%2520%2520%2520%2520%2520%2520margin%253A%25200%253B%250A%2520%2520%2520%2520%2520%2520list-style%253A%2520disc%253B%250A%2520%2520%2520%2520%257D%250A%250A%2520%2520%2520%2520.footer%2520ul%2520li%2520%257B%250A%2520%2520%2520%2520%2520%2520margin-bottom%253A%25205px%253B%250A%2520%2520%2520%2520%257D%250A%2520%2520%253C/style%253E--%3E-->
<!--mce:protected %3C%21--mce%3Aprotected%20%253C/head%253E--%3E-->
<!--mce:protected %3C%21--mce%3Aprotected%20%253Cbody%253E--%3E-->
<div class="container">Hi ${transaction.nextapprover.firstName},
<p>Purchase Order ${transaction.tranId} is waiting for your approval. Please review the attached document file.</p>
<p>To approve or reject this document through this email, please click below:</p>
<!--mce:protected %3C%21--mce%3Aprotected%20%253C%2521--%2520Buttons%2520--%253E--%3E--> <a class="button" style="background-color: #f8a429; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; display: inline-block;" href="https://8183733-sb1.extforms.netsuite.com/app/site/hosting/scriptlet.nl?script=1544&amp;deploy=1&amp;compid=8183733_SB1&amp;ns-at=AAEJ7tMQKHJvr_gjq-PzrtbjrqkLKKskWcimK7L3GV8TxBDipMk&amp;soid=${transaction.id}&amp;action=approve&amp;level=0">Approve</a> <a class="button" style="background-color: #f8a429; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; display: inline-block;" href="https://8183733-sb1.extforms.netsuite.com/app/site/hosting/scriptlet.nl?script=1544&amp;deploy=1&amp;compid=8183733_SB1&amp;ns-at=AAEJ7tMQKHJvr_gjq-PzrtbjrqkLKKskWcimK7L3GV8TxBDipMk&amp;soid=${transaction.id}&amp;action=reject&amp;level=0">Reject</a>
<p>To open the record in NetSuite, click the View Document link below.</p>
<br /><a style="color: black;" href="https://8183733-sb1.app.netsuite.com/app/accounting/transactions/purchord.nl?id=${transaction.id}">View Document</a> <br /><br />Kind Regards,<br /><strong>${transaction.subsidiary}</strong><br /><img src="https://8183733.secure.netsuite.com/core/media/media.nl?id=11&amp;c=8183733&amp;h=vfyPBdNlbfXmhl37svv_mGpEVvBD7RH4zav93zhZo810ZbKA" alt="" width="300" height="100" /></div>
<!--mce:protected %3C%21--mce%3Aprotected%20%253C/body%253E--%3E-->
<!--mce:protected %3C%21--mce%3Aprotected%20%253C/html%253E--%3E-->

Leave a comment

Your email address will not be published. Required fields are marked *