Centre text mobile view

Shopify Discussion

Topic summary

A Shopify store owner encountered a text alignment issue where content appeared off-center in mobile view. Screenshots showed the misalignment problem affecting the site’s appearance.

Initial Problem:

  • Text displayed incorrectly centered on mobile devices
  • Fixing mobile view caused desktop version to break

Resolution:
Multiple community members offered assistance. The solution involved adding custom CSS code to the base.css file:

  • Target: base.css file in theme code editor
  • Code added media query for screens 990px+ width
  • Applied left margin adjustment to image-with-text content sections

Outcome:
The CSS fix successfully resolved both mobile and desktop alignment issues. The original poster confirmed the solution worked and expressed gratitude, noting it was resolved just before their website launch.

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

You are very welcome!