CMS Development

kppsean
Member

Signature Generator Issues

I keep running into the same issue when copying my generated signature, which is the social media icons are all cut off on mobile view.  We are using Outlook, and it looks fine on desktop, but all icons are cut off at the top about 25% while the company logo right next to them is fine. No clue where to go from here.

17 Replies 17
RSCHOLTE
Participant

Signature Generator Issues

ANy update on this? I am Having the same issue.

0 Upvotes
AdamCFCS
Member

Signature Generator Issues

Any update on this? I'm having the exact same problem.

lscanlan
HubSpot Alumni
HubSpot Alumni

Signature Generator Issues

Hi @kppsean,

 

Could you link me to an example so I could take a look at what's going on? You can DM it to me also if you'd prefer. I also came across this thread yesterday: https://community.hubspot.com/t5/Share-Your-Work/Hub-Spot-Email-Generator-with-outlook/m-p/280982#M4.... Is that the same as what you're seeing? It sounds like in that thread the social media icons were fine in Outlook. So I don't know if it's identical, but it sounds similar enough that it could be related. Either way if you have an example, that would be helpful for me to torubleshoot.

 

Thanks.

 

Leland Scanlan

HubSpot Developer Support
0 Upvotes
MEsteva
Member

Signature Generator Issues

I am having the same issue Screenshot 2022-02-17 at 10.55.06.png

0 Upvotes
TMagnusson
Participant

Signature Generator Issues

I have the same issue with the generator. I've tried copying the style aswell as a creating *.htm template, same issues.

Icons are cutting and a line appear next to them. 

 

What would be the correct solution to fix this issue?

 

Best regards,

Tobias

0 Upvotes
dennisedson
HubSpot Product Team
HubSpot Product Team

Signature Generator Issues

Hey @TMagnusson 

Welcome to the Community!

Could you add the html here so we can take a look?

0 Upvotes
TMagnusson
Participant

Signature Generator Issues

Hi and thanks!

 

Yes sure! Attached below.

 

<table style="font-size: small; font-family: Arial;" class="sc-gPEVay eQYmiW" cellspacing="0" cellpadding="0"><tbody><tr><td><table style="font-size: small; font-family: Arial;" class="sc-gPEVay eQYmiW" cellspacing="0" cellpadding="0"><tbody><tr><td style="vertical-align: top;"><h3 color="#000000" style="margin: 0px; font-size: 16px; color: rgb(0, 0, 0);" class="sc-fBuWsC eeihxG"><span>Tobias</span><span>&nbsp;</span><span>Magnusson</span></h3><p color="#000000" font-size="small" style="margin: 0px; color: rgb(0, 0, 0); font-size: 12px; line-height: 20px;" class="sc-fMiknA bxZCMx"><span>Försäljning &amp; marknad</span></p><p color="#000000" font-size="small" style="margin: 0px; font-weight: 500; color: rgb(0, 0, 0); font-size: 12px; line-height: 20px;" class="sc-dVhcbM fghLuF"><span>EVXAB.COM Sverige AB</span></p><p color="#000000" font-size="small" style="color: rgb(0, 0, 0); margin: 0px; font-size: 12px; line-height: 20px;" class="sc-eqIVtm kRufpp"><span>IT-Partner · Webshop · Showroom</span></p><table style="font-size: small; font-family: Arial; width: 100%;" class="sc-gPEVay eQYmiW" cellspacing="0" cellpadding="0"><tbody><tr><td height="30"></td></tr><tr><td color="#0964b0" direction="horizontal" style="width: 100%; border-bottom: 1px solid rgb(9, 100, 176); border-left: medium none; display: block;" class="sc-jhAzac hmXDXQ" height="1"></td></tr><tr><td height="30"></td></tr></tbody></table><table style="font-size: small; font-family: Arial;" class="sc-gPEVay eQYmiW" cellspacing="0" cellpadding="0"><tbody><tr style="vertical-align: middle;" height="25"><td style="vertical-align: middle;" width="30"><table style="font-size: small; font-family: Arial;" class="sc-gPEVay eQYmiW" cellspacing="0" cellpadding="0"><tbody><tr><td style="vertical-align: bottom;"><span color="#0964b0" width="11" style="display: block; background-color: rgb(9, 100, 176);" class="sc-jlyJG bbyJzT"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/phone-icon-2x.png" color="#0964b0" style="display: block; background-color: rgb(9, 100, 176);" class="sc-iRbamj blSEcj" width="13"></span></td></tr></tbody></table></td><td style="padding: 0px; color: rgb(0, 0, 0);"><a href="tel:019 - 761 33 21" color="#000000" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;" class="sc-gipzik iyhjGb"><span>019 - 761 33 21</span></a> | <a href="tel:0739 - 840389" color="#000000" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;" class="sc-gipzik iyhjGb"><span>0739 - 840389</span></a></td></tr><tr style="vertical-align: middle;" height="25"><td style="vertical-align: middle;" width="30"><table style="font-size: small; font-family: Arial;" class="sc-gPEVay eQYmiW" cellspacing="0" cellpadding="0"><tbody><tr><td style="vertical-align: bottom;"><span color="#0964b0" width="11" style="display: block; background-color: rgb(9, 100, 176);" class="sc-jlyJG bbyJzT"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/email-icon-2x.png" color="#0964b0" style="display: block; background-color: rgb(9, 100, 176);" class="sc-iRbamj blSEcj" width="13"></span></td></tr></tbody></table></td><td style="padding: 0px;"><a href="mailto:tobias.magnusson@evxab.com" color="#000000" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;" class="sc-gipzik iyhjGb"><span>tobias.magnusson@evxab.com</span></a></td></tr><tr style="vertical-align: middle;" height="25"><td style="vertical-align: middle;" width="30"><table style="font-size: small; font-family: Arial;" class="sc-gPEVay eQYmiW" cellspacing="0" cellpadding="0"><tbody><tr><td style="vertical-align: bottom;"><span color="#0964b0" width="11" style="display: block; background-color: rgb(9, 100, 176);" class="sc-jlyJG bbyJzT"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/link-icon-2x.png" color="#0964b0" style="display: block; background-color: rgb(9, 100, 176);" class="sc-iRbamj blSEcj" width="13"></span></td></tr></tbody></table></td><td style="padding: 0px;"><a href="//www.evxab.com" color="#000000" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;" class="sc-gipzik iyhjGb"><span>www.evxab.com</span></a></td></tr><tr style="vertical-align: middle;" height="25"><td style="vertical-align: middle;" width="30"><table style="font-size: small; font-family: Arial;" class="sc-gPEVay eQYmiW" cellspacing="0" cellpadding="0"><tbody><tr><td style="vertical-align: bottom;"><span color="#0964b0" width="11" style="display: block; background-color: rgb(9, 100, 176);" class="sc-jlyJG bbyJzT"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/address-icon-2x.png" color="#0964b0" style="display: block; background-color: rgb(9, 100, 176);" class="sc-iRbamj blSEcj" width="13"></span></td></tr></tbody></table></td><td style="padding: 0px;"><span color="#000000" style="font-size: 12px; color: rgb(0, 0, 0);" class="sc-csuQGl CQhxV"><span>Radiatorvägen 2, 702 27 Örebro</span></span></td></tr></tbody></table></td><td width="45"><div></div></td><td style="vertical-align: top;"><table style="font-size: small; font-family: Arial;" class="sc-gPEVay eQYmiW" cellspacing="0" cellpadding="0"><tbody><tr><td><img src="https://www.evx.se/assets/images/tobias-magnusson-600x600.png" role="presentation" style="max-width: 130px; display: block;" class="sc-cHGsZl bHiaRe" width="130"></td></tr><tr><td height="30"></td></tr><tr><td><img src="https://www.evxab.com/img/evaluating-x-logo-1520260208.jpg" role="presentation" style="max-width: 130px; display: block;" class="sc-cHGsZl bHiaRe" width="130"></td></tr><tr><td height="30"></td></tr><tr><td style="text-align: center;"><table style="font-size: small; font-family: Arial; display: inline-block;" class="sc-gPEVay eQYmiW" cellspacing="0" cellpadding="0"><tbody><tr style="text-align: center;"><td><a href="https://www.facebook.com/evxab" color="#0964b0" style="display: inline-block; padding: 0px; background-color: rgb(9, 100, 176);" class="sc-hzDkRC kpsoyz"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/facebook-icon-2x.png" alt="facebook" color="#0964b0" style="background-color: rgb(9, 100, 176); max-width: 135px; display: block;" class="sc-bRBYWo ccSRck" height="24"></a></td><td width="5"><div></div></td><td><a href="https://www.linkedin.com/in/tobmag/" color="#0964b0" style="display: inline-block; padding: 0px; background-color: rgb(9, 100, 176);" class="sc-hzDkRC kpsoyz"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/linkedin-icon-2x.png" alt="linkedin" color="#0964b0" style="background-color: rgb(9, 100, 176); max-width: 135px; display: block;" class="sc-bRBYWo ccSRck" height="24"></a></td><td width="5"><div></div></td><td><a href="https://www.instagram.com/evxab/" color="#0964b0" style="display: inline-block; padding: 0px; background-color: rgb(9, 100, 176);" class="sc-hzDkRC kpsoyz"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/instagram-icon-2x.png" alt="instagram" color="#0964b0" style="background-color: rgb(9, 100, 176); max-width: 135px; display: block;" class="sc-bRBYWo ccSRck" height="24"></a></td><td width="5"><div></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td height="30"></td></tr><tr><td><span style="display: block; text-align: left;"><a target="_blank" rel="noopener noreferrer" href="https://malwarebytes.evxab.com" color="#142cc4" style="border-color: currentcolor; border-style: none; border-width: medium; display: inline-block; background-color: transparent; color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 1; font-size: 12px; border-radius: 3px;" class="sc-fAjcbJ byigni"><img src="https://www.malwarebytes.com/images/malwarebytes-main-logo.png" role="presentation" style="text-decoration: none; max-width: 728px;" class="sc-caSCKo jjNSwx"></a></span></td></tr></tbody></table>

 

0 Upvotes
dennisedson
HubSpot Product Team
HubSpot Product Team

Signature Generator Issues

Thanks @TMagnusson 

I will get this example to the team!

TMagnusson
Participant

Signature Generator Issues

Any news on the code? Would be great if we could get this up and running. 

 

Best regards,

Tobias

0 Upvotes
dennisedson
HubSpot Product Team
HubSpot Product Team

Signature Generator Issues

Hey @TMagnusson ,

@alyssamwilie (who will be talking all about email developerment  on the next  podcast) offered this solution.  Wonder if it would work for you

0 Upvotes
TMagnusson
Participant

Signature Generator Issues

I did not solve my problem Im afraid. 

0 Upvotes
lexir
Member

Signature Generator Issues

We're also having issues with the signature generator that seem to be specific to outlook. Have tried using a different browser to create the signature. Also tried going into the HTM file to copy and paste the source code. That didn't work either. 

 Ben Signature.JPG

MEsteva
Member

Signature Generator Issues

I have exactly the same issue

0 Upvotes
khawken
Member

Signature Generator Issues

I'm having issues with how my company's signature appears on mobile. Sometimes the signature looks scrunched on one side. Sometimes text is repeated. We use gmail.

cdog987
Member

Signature Generator Issues

I am having this exact same problem with Outlook for Mac. Do we have a resolution to this currently?

eunicelie
Member

Signature Generator Issues

Hi,

I'm having the same issue too on my mac's apple mail. have anyone solved this issue yet?

it looked find after i pasted the signature but it's a mess right after when i tried to apply it.

when i just pasted it, it look nicewhen i just pasted it, it look nicebut afterwards it became like thisbut afterwards it became like thisall a messall a mess

0 Upvotes
larkine3
Member

Signature Generator Issues

Hello,

I'm having the same issue with Outlook. Has there been any resolution to this problem?
Thank you for your help.

Best wishes,

Erin 

0 Upvotes