How to center align collection list heading on iPhone?

Store Design

Topic summary

A user encountered an alignment issue where a collection list heading “DONT MISS OUT” appears left-aligned only on iPhone devices, while displaying centered on all other devices.

Solution provided:

  • Access Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code above the </body> tag
  • The code targets the specific heading to enforce center alignment on mobile devices

Outcome:
The solution successfully resolved the iPhone-specific alignment issue. The thread is marked as resolved.

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

Hello,

Thanks in advance.

Just one heading on the home page - DONT MISS OUT (collection list heading) is left aligned on the iphone alone. Other devices it shows center aligned. Need to center align it on the iphone also. Please help with a code.

Sharing home page link here: https://gomyld.com/

2

Hey @hitesh469

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.

Moeed_0-1686315049567.png
Moeed_0-1686315049567.png361Ă—639 110 KB

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

Best Regards,
Moeed

1 Like
3

Thank you, it worked! :blush: