How to get this image with text section to align center for desktop

Store Design
,

Topic summary

A user is trying to center-align an image with text section on desktop. They attempted to add padding via custom CSS, but this caused display issues on mobile devices.

A PageFly representative provided a solution involving:

  • Navigating to Online Store ā†’ Theme ā†’ Edit code
  • Opening the theme.liquid file
  • Pasting specific CSS markup code before the closing tag

Note: The actual CSS code and implementation details in the response appear corrupted or improperly formatted in the original post, which may affect the usability of the proposed solution.

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

I was able to add padding using the custom CSS section but that made it look funny on mobile.

Screenshot 2023-03-26 at 1.03.34 PM.png
Screenshot 2023-03-26 at 1.03.34 PM.png2862Ɨ1068 155 KB

https://www.genuinespiritcompany.com/pages/cocktails

Using Dawn theme

2

Hi @msrwalsh ,

This is Victor from PageFly - Landing page builder, Iā€™d like to suggest this idea for solution:

Step 1. Go to Online Store ā†’ Theme ā†’ Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like