Padding on Order Confirmation email

Hi

I’ve tried listing below the coding used on my order confirmation but apparently it contains something which isn’t allowed on here so I can’t post.

I’d really like there to be more padding between the logo and the Thank You For Your Purchase! on the mobile view. I’d also like the order number to be moved down to under the logo as it looks really cramped. This all looks fine on the desktop so it’s just the mobile that needs adjusting, do you know what part of the code I’d need to change?

Also, on the desktop the customer information (billing and shipping address) displays side by side but on mobile they’re on top of each other. Is there a way to make them side by side on mobile too?

Thanks

Hi! It seems like you’re trying to share your code for the order confirmation page, but certain elements might be restricted or flagged by the platform. If you’re unable to post the code directly, you can message me directly to talk on it better more.

Hi @Angie_Freese

Could you please go to Shopify admin setting > Notification > Order confirmation > Edit code here: https://prnt.sc/D8qArL4bjp0D and share with me all the codes there in the doc?

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

Hello, is there an easy way to resolve this?

I am also dealing with the same issue. The email layout looks fine, but on the phone the order number in grey on the right side is not aligning with the logo.