Wow Great. It worked. Thank you So much. 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?
Topic summary
A user seeks to reposition the newsletter signup form in the footer of Shopify’s Dawn theme.
Two community members provide CSS solutions:
Desktop Solution:
- Use flexbox layout on
.footer__content-topcontainer - Set footer blocks wrapper to 75% width
- Align newsletter block to start with zero top margin
- Wrap code in
@media screen and (min-width: 768px)to avoid affecting mobile layout - Add CSS via Custom CSS field or theme.liquid file after
<head>tag
Follow-up Questions:
The original poster confirms the desktop solution works but asks two additional questions:
- How to position the newsletter form on the left side in mobile view
- Whether it’s possible to restyle the newsletter form to match a reference image they provided
Status: Partially resolved - desktop positioning achieved, but mobile positioning and styling customization remain open questions awaiting response.
