Email Marketing Tool

AKubrin9
Member

Email stacking order on mobile devices

Hello, HS Community,

I'm having some trouble with the way an email newsletter displays on mobile devices.

The stacking order is off. Instead of alternating elements (image, entry, image, entry), I get image, entry, image, image, entry, entry.

The desktop email newsletter looks fine.

Is there a way to control the stacking order of elements on mobile devices?

Thank you all.

AK

0 Upvotes
5 Replies 5
Jasbir_Kaur
Participant

Email stacking order on mobile devices

Hi @AKubrin9,

 

Yes, we can change the stacking order in mobile by using direction. Could you please share the coding or screenshot so that I can let you know how exactly you can do the same?

 

Thanks!

Jasbir

AKubrin9
Member

Email stacking order on mobile devices

Hi Jasbir,

I took screenshots from my phone, then assembled the pieces into this diagram, and numbered the pieces.

 

I hope it is clear. Basically, items 3 and 4 are out of order. Reverse them, and all will be well.

 

How can I do that?

 

Thanks, and best regards,

 

Akubrin

 

Screenshot 2022-11-23 at 9.54.17 PM.png

0 Upvotes
Jasbir_Kaur
Participant

Email stacking order on mobile devices

Hi Akubrin,

 

I am understanding your concern, actually you have to apply Dir in the columns to reverse them.

 

In the mobile left column always comes at the top position, so you have to create your 2-Col section as per the mobile layout means which section you want to keep at the top in the mobile you have to keep that section on the left side and using this direction property you can manage your desktop layout, please refer to the attached screenshot.

 

If this is not clear you can share your code with me, I will add the dir property in your code.

 

Untitled.png

 

Thanks!

Jasbir

0 Upvotes
AKubrin9
Member

Email stacking order on mobile devices

Hi Jasbir,

I'm beginning to understand. But how do I access the code? I am using the free Marketing hub. I don't even see a way to edit or export code.

Thank you!

Andy

0 Upvotes
Jasbir_Kaur
Participant

Email stacking order on mobile devices

Hi @AKubrin9,

 

This needs to be done on the backend level.

From Marketing -> Files and Template -> Design Studios you can access your code.

 

Thanks!

Jasbir

 

0 Upvotes