How can I adjust the product image to info ratio?

Store Design
1

Hi everyone,

Would love to adjust the ratio between the product image and product info. Instead of a 50-50% ratio I would like a 60-40%.

Hope someone can help!

pw: shopifyhelp

Have a great day

Screenshot 2022-09-09 at 14.07.25.png
Screenshot 2022-09-09 at 14.07.25.png2830×1536 284 KB

2

Hi @Haan ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media (min-width: 768px) {
	.product-single .col-md-6:first-child {
		flex: 0 0 60% !important;
		max-width: 60% !important;
	}
	.product-single .col-md-6:last-child {
		flex: 0 0 40% !important;
		max-width: 40% !important;
	}
}

Hope it helps!

1 Like
3

Thank you @LitCommerce You made my day :grin:

Have a great weekend!

1 Like