DAWN 2.0 theme - Product description resize on product page

Store Design
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
Dawn product page.PNG1261×578 147 KB

2

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.

3

Sure, it’s https://silverbeach.com.au/products/athena-dark-blue-table-lamp-with-shade

4

@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;
}
}
5

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

6

All good! It worked! Thank you

7

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

8

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

1 Like