Change product description width (desktop screens)

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

For this purpose, please add the following CSS snippet at the end of the theme's main stylesheet file -  assets/theme.css:

@media all and (min-width: 1025px) {
 .product__text {
    width: 50% !important;
    max-width: unset !important;
 }
.product-gallery.flickity-enabled:not(.product-gallery--fill) .product-gallery__item img {
    width: 50% !important;
 }
}

If needed, you can edit the values in the code.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.