DAWN 2.0 theme - Product description resize on product page

Solved
SilverBeach
Tourist
6 0 1

I've just upgraded themes from Debut to Dawn theme. As with everyone else the Debut product page was perfect and I want to replicate that as much as possible.

I already followed a solution to resize the main product image. 

The image was resized using this: (I changed it from 64% to 30%)

.product:not(.product — no-media) .product__media-wrapper {
 max-width: 64%;
 width: calc(64% — 1rem / 2);

My question now is how can I resize the product description and make it larger to fill the page again (i want to stretch it to fill the red area highlighted below).

Thanks 

Dawn product page.PNG

0 Likes
HardikDavra
Shopify Partner
2465 386 1038

Hello, @SilverBeach 

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

0 Likes
HardikDavra
Shopify Partner
2465 386 1038

This is an accepted solution.

@SilverBeach 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

@media screen and (min-width: 990px) {
.product:not(.product--no-media):not(.featured-product) .product__info-wrapper {
    max-width: 70% !important;
    width: 70% !important;
}
}

 

 

0 Likes
SilverBeach
Tourist
6 0 1

I can't seem to find theme.scss.liquid under the Asset menu..

0 Likes
SilverBeach
Tourist
6 0 1

All good! It worked! Thank you

0 Likes
Wishpools
Excursionist
20 0 3

Hi, where did you find the theme.scss.liqud file?

0 Likes
SilverBeach
Tourist
6 0 1

It's under Assets > section-main-product.css and I just pasted the code at the bottom