How do I increase the space on customer notification emails, mobile only

Store Design
, , ,
1

I want to increase the space between the logo and text as shown in the image on mobile only. I am using Shopify customer notifications emails.

Image 13-04-2026 at 14.49
Image 13-04-2026 at 14.49815×1634 134 KB

Thanks

2

For Shopify default notification emails you’ll need to edit the template code directly. Go to Settings → Notifications → the specific email and click Edit code.

Find your logo image tag which looks something like this:

html

<img src="{{ shop.email_logo_url }}" width="{{ shop.email_logo_width }}">

Add a margin-bottom to it with a mobile media query like this:

html

<style>
  @media only screen and (max-width: 600px) {
    .shop-name__cell img {
      margin-bottom: 20px !important;
    }
  }
</style>

Paste that style block in the <head> section of the email template and adjust the 20px value until the spacing looks right on mobile.

If the class name doesn’t match, share the code snippet around your logo and I’ll give you the exact selector!

if accessing this feels a lot technical, i could come through and save you the hassle.

3

correct, it will worked