Responsive Settings for Mobile

Also, space between columns default is 30px but when they stack for mobile there is no gap.

Hello there,

Thanks for contacting us.

Could you please elaborate more about your issue? In which application are you facing the issue? Please share screenshots of the issue so we can understand it better and provide information accordingly.

Hi - apologies for the crappy mobile screenshot but hopefully you can see what I mean. Basically, columns should stack (and ideally also be centered full width), on mobile.

Hello there,

It seems you are referring to the email template received on your mobile from Pabbly Email Marketing. Can you confirm which device and application you are viewing the email on?

Also, can you try a different application and device as well and see if you see the same formatting in that device and in that application as well?

Hi Adeel - it was on an iPhone 15 Pro. It renders fine in Apple Mail desktop. I'll see if I can find someone with an Android phone to check that also.

Another issue: you set your logo to be 50% width on desktop inside a three column section - all looks good. However, because there is no separate responsive setting controls, when that section stacks on mobile the logo is 50% width of the entire screen which makes it massive.

Ok - I can confirm that Android renders exactly the same as on iPhone. Regarding the logo issue above, in fact it is the mobile preview that is incorrect. Please see screenshots:

From iPhone:

From Preview:

Hello there,

Thanks for your reply.

Could you please share the Email template/Campaign name that you sent for testing so that we can check the exact one and identify the issue?

Hi - sure. The template is called: "Visual Builder Test".

Hello there,

Can you also confirm to which email address you sent the email to for testing, as every Email Service Provider like Gmail, Outlook, Yahoo, etc handles email content differently, so we can test the email template for mobile view in the same environment.

Hi - tests are sent to Gmail. One using a Google Workspace Gmail address and one using a free Gmail address.

Do you want the mobile view to be similar to the desktop view?

Hi Arshil,

No definitely not trying to retain desktop view on mobile. There very few cases where you want 2 or more columns on a mobile email because everything gets crushed and text wraps into crazy thin and tall appearance.

Any column section of 2 columns or more should stack to 1 column by default.

This would be a good approach I think:

1. All column sections of 2 or more columns should stack to 1 column 100% width on mobile by default. There are edge cases of course such as icon lists etc so see point 3.

2. Spacing between columns should be respected when the column stacks (column-gap should change to row-gap).

3. For any edge case where the user specifically wants to retain the columns on mobile, you could add a toggle in the section layout settings: "Preserve columns on mobile", which would be awesome.

Hello there,

After receiving complete details from your end, I am escalating the concern to the Technical Team to look into the feasibility of Mobile view changes as per your suggestions. We will get back to you once we hear from the Team. It may take up to 48 hours to get back to you.

Many thanks Adeel - I look forward to hearing from you.

Hi Adeel - any update? It would be great to have this resolved.

Hello there,

Unfortunately, there is no update as of now. We will get back to you soon once we hear from the Team.

Thank you for your understanding and for being patient with us.

Hello there,

I would like to inform you that the Technical Team has fixed the issues with the mobile-responsive email template. The team has also added new features to control the column blocks' responsiveness. Kindly test the feature and the email template on your end now.

Unbelievable - amazing!!! Thank you! Testing right now.

Just to confirm this is working really well. Great work and thank you again!

I'll let you know if we come across anything else during further testing but it looks good. :)

Hello there,

Thank you for your reply, and glad to hear that the applied fix and new feature worked well for you.

If you have a moment, we’d really appreciate it if you could leave a review here and mention the name of the associate (Adeel) who assisted you with this concern. Your feedback helps us improve our support and recognize our team members for their efforts.

https://www.trustpilot.com/evaluate/www.pabbly.com

Hi - as soon as the test email issue is sorted out I will happily leave a review mentioning all the representatives who helped.

Hello there,

Alright, a separate thread is ongoing for the Test Email. The team will get back to you on the same. Kindly follow the same thread.