Plugin support for mobile view

Thank you for the update. I appreciate your prompt response and your efforts in replicating the issue. I look forward to your resolution and will await your further feedback.

Thank you for the update. I appreciate your prompt response and your efforts in replicating the issue. I look forward to your resolution and will await your further feedback.

Hi @dowista,

Which email server do you test to send the emails?

Hello @lavendervu2510

You mean what hosting im using? im using SMTP_HOST email.freehosting.lt

in gmail app font size are big, i have to set in custom css font-size. In edisonmail all looks good. In outlook app i have to set widht 100% in custom css.

If you send test mail it all looks good, but if you send real mail like order on-hold, you have to set this custom css.

• This reply was modified 1 month, 3 weeks ago by dowista.

Hi all,

We have a new detection which may cause the issue you are experiencing with the email template on mobile.

We adjusted in the recent update to increase the responsive point to 414px to view on mobile mode, before it was 375px – view the same PC mode.

This is our check on the given email template from @skoty when using the responsive point to 414px

+ Preview: https://ibb.co/KGXk4df and https://ibb.co/QFwJJpM

+ Real test: https://drive.google.com/file/d/1Mgemry_z0urqzj2X7sEV1Fq7xxTwhnbD/view?usp=sharing

This is the previous version: https://drive.google.com/file/d/1v9QXJMWufvuV1IJRB-iLyEMJfiLZmuJs/view?usp=sharing

Kindly check the previous version and confirm with us if the issue persists.

Best regards.

• This reply was modified 1 month, 3 weeks ago by lavendervu2510.
• This reply was modified 1 month, 3 weeks ago by lavendervu2510.

hello @lavendervu2510

default is 414px. Try on outlook and you will see. You have to set custom css @media (max-width: 414px) { table { width: 100%; } }. In gmail app i found one way to fix big fonts. You have to open plugin files and edit where plugin render blocks like text block and you have write style=”font-size: 14px;” its help. Becouse gmail app dont care about custom css, you have to write style in code. But its will be apply on all text blocks, if you want custom, you have to identify what text like if (text.value=”my text”) then style=”font-size: 18px;”

hello @lavendervu2510

Thank you for the update. it seems that the issue is still persisting.

The correct template was this one: https://postimg.cc/Mnz73BqV
(1 row contains two columns beside each other)

Please look into this further and suggest additional solutions.

Best regards.

Hi @dowista , How to add custome CSS style?

@skoty

https://i.postimg.cc/Ls5k7DNQ/1.jpg

in top where is components, you can choose custom css. You can try for example:

@media (max-width: 414px) { table { width: 100%; } }

https://i.postimg.cc/KYxwg6ck/image.png for me its looks good with this custom css in outlook

• This reply was modified 1 month, 3 weeks ago by dowista.

@dowista I completely forgot that this option was available. Thanks for the reminder!

@dowista @lavendervu2510
Applogies for hijacking this thread but I am having the same issue with the processing email template.

You mentioned I should be adding the following css code in the template
@media (max-width: 414px) { table { width: 100%; } }

However the “Custom CSS” tab is unclickable for me. Any idea why that is?

Thank you

Hi all,

Thank you guys, we appreciate your contributions and ideas to improve our plugin.

@skoty Have you tried our previous version we gave? which we reduced the responsive point to 375px, which should be suitable the PC view on mobile, and achieve what you need: (1 row contains two columns beside each other). If with this version, the issue keeps persisting, please contact us on our support forum for further assistance.

Since the responsive point setting is not available in the basic version, we will add the filter hook to the Responsive point to allow you to adjust this parameter.

@dowista

We’ve identified that the issue you’re experiencing is related to the Outlook email server. We will review this and add the necessary CSS adjustments. In the meantime, if you’d like the fonts to appear larger, similar to how they display in the Gmail app, we will try to find out possible solutions for you. Outlook is quite unique compared to other email clients, so achieving responsive design on it can be challenging.

@itspaul

The “Custom CSS” tab unclickable may be due to potential conflicts on your site. In this case, we recommend you take a conflict check to figure out the culprit. You can refer to our self-service guide.

Best regards.

• This reply was modified 1 month, 3 weeks ago by lavendervu2510.

hello @lavendervu2510

thank you for your time to improve plugin. I dont like bigger fonts in gmail app, its not looks normal. Maybe its possible identify gmail app server and apply font size only for gmail app? Need to set little bit lower overall.

Hi @dowista

Thank you for your response and we are sorry for the late response.

The font-size in the plugin is designed to adapt to the desktop view. However, for the order detail element, the font size is currently fixed at 15px.

Best regards.