Align Newsletter banner in Footer section to the left

Store Design
, ,

Topic summary

A user seeks to left-align the newsletter banner in their footer on mobile view to match other footer sections (service, social) on their Shopify store.

Proposed Solution:
Another user provided CSS code to be added to the theme.liquid file above the </body> tag. The solution appeared to work in Chrome’s desktop mobile view.

Current Status:
The fix is not working on actual mobile devices (iPhone). While the alignment changed in Chrome’s responsive design mode, the newsletter banner remains centered when viewed on a physical smartphone. The issue remains unresolved and requires further troubleshooting to ensure the CSS applies correctly across real mobile browsers.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hey, i want to align the newsletter section in the footer at mobile view also to the left like the other sections service, social. Domain: https://ludac.de

Screenshot 2025-03-02 141420.png
Screenshot 2025-03-02 141420.png571×811 23.7 KB

1 Like
2

Hey @ludac

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1740922041250.png
Moeed_0-1740922041250.png346×761 19.1 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hey, thanks for the quick answer. In chrome on desktop but in mobile view it changed. When i open the website on my Iphone it hasnt changed, so the newsletter banner is still centered. Would you kindly take a look at this again?

IMG_0118.PNG
IMG_0118.PNG1179×2556 130 KB