Is there anything that could be done to make the product photo more like the “HOURS” website where it’s longer vertically and each photo takes up the whole width? My url is www.whoglobal.shop
In your base.css file add this at the very bottom of everything
@media (max-width: 749px){
product-info, .product__media-item{
padding: 0;
}
.product__media-item{
width: 100%;
margin: 0;
}
}
That didn’t do anything. And next time, please post a picture of what you’re seeing. Thanks.
You can achieve a similar full-width, vertically longer product image layout in Shopify by customizing your theme’s CSS and Liquid code. Here are a few things to try:
Theme Settings – Check if your theme has an option to adjust image aspect ratio or layout under Online Store > Themes > Customize > Product Page.
Custom CSS – Add this to your theme’s CSS (in theme.css or base.css):
.product__media img {
width: 100%;
height: auto;
object-fit: cover;
}
This will make the images take up the full width while maintaining their aspect ratio.
Liquid Code Adjustment – If needed, edit product.liquid or main-product.liquid to modify how images are loaded.
App Solution – Some Shopify apps allow advanced image scaling and layouts for better control.
If you’re using the Dawn theme or a similar one, try these steps and let me know if you need more specific tweaks! or you use shopify page building app like Gempages and some other shopify page building app, Try any of this and get back to me!