Newsletter Form Issues ( Shopify Dawn Theme)

Topic summary

A user is seeking help customizing the newsletter form in Shopify’s Dawn theme for mobile view. They want to:

Primary Goals:

  • Position the newsletter form on the left side in mobile mode
  • Adjust the styling to match a reference image
  • Reduce excessive spacing between headings

Current Status:

  • A solution was provided using custom CSS with media queries targeting mobile viewports (max-width: 767px)
  • The CSS uses flexbox alignment properties to reposition the newsletter block
  • The left-alignment issue appears resolved

Remaining Issue:

  • Spacing between “information” and “subscribe” heading text is too large in mobile mode
  • User wants consistent spacing between “quick shop” and “information” sections

The discussion includes screenshots demonstrating the desired layout and store credentials for troubleshooting. The conversation remains ongoing as the spacing refinement has not yet been addressed.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

Hello everyone.

The newsletter form can be placed on the left side in mobile mode. Also can change the style of newsletter form like below image? Is it possible? Please help me.

Thank you in advance for your help!

Store: https://delicious-fruits-vegetables.myshopify.com/

Password: Admin

Hi @dreamtechzone_5 ,

Thanks for your question. Here is the instruction to place the newsletter form to the left:

  1. Go to Shopify > Online store > Theme > Customize > Open Custom CSS

  2. Copy and Paste this code below to the section. Screenshot

@media screen and (max-width: 767px){
.footer-block--newsletter {
    align-items: flex-start !important;
}
}
1 Like

It worked. Thank you. The space between the information and subscribe heading text seems a bit too much. I want to keep the same space between quick shop, information and subscribe headings in mobile mode