Make image wider?
Topic summary
A user seeks to make product images wider on their desktop product page. A solution is provided involving custom CSS code:
Implementation steps:
- Navigate to Shopify Admin → Online Store → Theme → Edit code
- Locate the
theme.liquidfile - Insert provided CSS code above the
</head>tag
The CSS targets the product media container (.product__media-wrapper) and adjusts its width properties. A before/after screenshot demonstrates the wider image result. The original poster confirms the solution works successfully.
1 Like
Hi @Ryan1998 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
1 Like
1 Like
@Ryan1998 , Have a good day
1 Like