Support » Plugin: Kadence WooCommerce Email Designer » Making email responsive

  • Resolved asafmoraz

    (@asafmoraz)


    Hi.

    I installed this awesome plugin and made some translations and adjustments to my needs but i’ve found 3 issues preventing me to get it perfect.

    1. “Quantity” can’t be translated in loco trasnlate.
    2. If i set the container>content width at 350 it’s perfect on mobile (pixel 3 gmail) but in pc it looks very small.

    http://www.interload.co.il/upload/8404711.PNG

    3. The font color of all the numbers in the email is light grey and cannot seen clearly specialy on mobile.

    http://www.interload.co.il/upload/2874943.png

    How can i fix it?

    Many thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hey,
    1. In which language? I can add the language file to the next plugin update. If you look inside this plugin there are other language files already. Quantity can be translated there. I can also do it through loco translate when I test so it’s possible you need the cache to clear, or another plugin is editing the email order details template.

    2. Coding for email clients is like coding for IE 8 they do not respond like the normal web, so I can give you some css but I strongly suggest you test them across a lot of email clients. Especially outlook which seems to be one of the worst.

    #template_container, #template_header_image, #template_header, #template_body, #template_footer {
    width:100% !important;
    max-width:600px !important;
    min-width:320px !important;
    }
    #wrapper {
        max-width: 600px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    You can add that in the email customizer > custom css.

    3. Looks more like a font replacement that is really lightweight. You probably need to set a font the makes the most sense for the language?

    Ben

    1. I use Hebrew language and i could translate every word using loco translate but that specific word “Quantity” i couldn’t find there.

    http://www.interload.co.il/upload/2292146.PNG

    2. Thanks for the css code. the size is perfect now.

    3. About the font i will try to change it.

    Thanks a lot for your support.

    • This reply was modified 6 months, 1 week ago by  asafmoraz.

    1. If you send me your language files I can include it with the next update. I could then see why you can’t translate Quantity and it works with other languages.

    Could be that you just need to run the sync process with loco translate. Could also be that you have another plugin playing a part.

    info@kadencethemes.com

    2. Must stress that you should test that code on more email clients then Gmail.

    Ben

    1. Sorry, my mistake 🙁

    i don’t know why but i just couldn’t find the word “Quantity” when i searched for it before but it was definitely there 😉

    2. I totaly understand.

    By the way: there is a new issue i found while using the Gmail client app on my wife’s iPhone (iPhone X) the footer’s social layout has a bug.

    On my Pixel 3 it’s fine.

    http://www.interload.co.il/upload/911839.png

    is it possible to fix it?

    Many thanks for your help and support I really appreciate it 🙂

    I haven’t been able to recreate your image. I tried also on an iphoneX with gmail app. Can you send me a copy of your email info@kadencethemes.com

    Ben

    Yep, i’ll do it right now.

    Thanks.

    By the way: after my wife forward the mail from her iPhone X to my mail on my Pixel 3 and desktop pc at @hotmail.com the mail looks just fine without the footer’s issue that she see on her iPhone.

    • This reply was modified 6 months, 1 week ago by  asafmoraz.

    Hey, so I haven’t been able to figure it out. Mostly because I can’t recreate on a test site to then test possible solutions.

    When I look at the email you forwarded in the Gmail app and only there I see the issue. If I view in Gmail mobile site there is no issue.

    However, if I copy your settings into my test site and send tests to myself the issue never happens. So I’m stuck not being able to test. Here is some css that you can try and see if it fixes that alignment:

    #footersocial tr td {
        float: right;
        display: block;
    }

    Ben

    Hello Ben.

    Your code solved this issue.

    Thank you very much for your professional support! you are so cool 🙂

    Asaf.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Making email responsive’ is closed to new replies.