Increase the product's content area

If you don't have a store focused on large images but on lots of content, you might want to increase the width of the product's content area, while decreasing the width of the gallery.

For this purpose, you simply have to add the following CSS snippet at the end of the theme's main stylesheet ( /assets/css_main.scss.liquid):

@media all and (min-width: 1181px) {
   .product-content {
      width: 50%;
   .product-gallery {
      width: calc(50% - 150px) !important;
   .product-content:after {
    z-index: 0 !important;

And that's all! You can configure the percent property to whatever you want.