How can i make more space for product page?

[Anonymous]

Hi, I would like to have more space when I click on a product. The text shouldn't look too squished like I have right now.

I hope you can help me.

Thanks

From this: 

To this: 

[Dan-From-Ryviu]

Hi @Anonymous 

Can you share your store link so I can check? 

[Anonymous]

Hi, sry i forget.

Url is: https://t71vm9-qa.myshopify.com/

[Dan-From-Ryviu · Accepted solution]

Go to your Online Store > Themes > Customize > Theme settings, add this code to Custom CSS 

@media (min-width: 990px) {
    .product--medium:not(.product--no-media) .product__info-wrapper, 
    .product--small:not(.product--no-media) .product__media-wrapper,
    .product--medium:not(.product--no-media) .product__media-wrapper, 
    .product--small:not(.product--no-media) .product__info-wrapper {
        max-width: 50% !important;
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2) !important;
    }
}