How to align product image on Product Page for Desktop View

Shopify Discussion

Topic summary

A Shopify store owner is seeking help to center-align product images on their desktop product page (www.beug.com.au). The issue involves:

Main Problem:

  • Desktop product images need to be positioned between navigation arrows and centered vertically down the page
  • Mobile view already displays correctly with proper centering

Visual Context:

  • Two screenshots were shared showing the current desktop layout issue and the desired mobile layout for reference

Resolution:

  • A solution was provided (specific code/instructions not detailed in the conversation)
  • After initial implementation, a secondary alignment issue emerged with text below the product image (starting from “100% Cotton”) appearing slightly off-center
  • This follow-up issue was also resolved

Outcome: The user confirmed the problem was successfully fixed and expressed gratitude for the assistance.

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

Hi All, PLEASE HELP ME, I need to align my image for desktop view so that it is in between the arrow.

shrekish_0-1747805972440.png
shrekish_0-1747805972440.png2232Ă—1618 146 KB

I also want it all to be centred straight down the page like my mobile view is:

shrekish_2-1747806063826.png
shrekish_2-1747806063826.png698Ă—1598 64.2 KB

Hope this makes sense, any help would be much appreciated as I have been trying to figure it out for days and it is doing my head in LOL.

3 Likes
2

www.beug.com.au

3

www.beug.com.au :slightly_smiling_face:

1 Like
4

Hey thanks, where should i add it?

1 Like
5

That is great I have updated it, if you notice, all the text below the product image (starting from 100% Cotton) is weirdly off centre by a bit, is there a fix for this?

1 Like
6

AMAZING, THANK YOU VERY MUCH.

1 Like