Change the width of my product DESCRIPTION

[CPHAGEN_Nordic]

I need your help with my webshop: https://cphagen.com/ 

I have been trying all solutions given before on this blog, but they are not working for me.

I would like to change the width of my product DESCRIPTION in order to fill all the space on the right and make it more easy and likeable to read, instead of scrolling scrolling scrolling with a very small column.

Could you help me please? 🙂

Ideal situation simulated with blue arrows on the attached image below.

Thanks everyone

[ExpertRookie · Accepted solution]

Hi @CPHAGEN_Nordic ,

try this to add this code to theme.min.css

.product .max-width--1 {
    max-width: 100% !important;
}

[ExpertRookie · Accepted solution]

Hi @CPHAGEN_Nordic ,

try this to add this code to theme.min.css

.product .max-width--1 {
    max-width: 100% !important;
}

[MOISCHKOWITZ]

@ExpertRookie excellent suggestion!

Or you use a setting in the backend.

Which theme are you using?

If you go to "online store -> themes -> customize" of your theme and there select "product template"  you are using, which in most cases is called "product default", you should be able to define the media size. The selection for the template can also be done if you just navigate to a product page. Like you see in my screenshot there ought to be a setting for desktop media size. This you can play around with and see if its cool.

If not the solution would have to be done in code. 

[CPHAGEN_Nordic]

Thanks. I used the other solution.

[CPHAGEN_Nordic]

Thank you so much!

It worked 😄 Exactly as I wanted for desktop.

Thank you very much!

[PageFly-Victor · Accepted solution]

Hi @CPHAGEN_Nordic 

This is PageFly - Advanced Page Builder.

You can try with this code:

Follow this:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.min.css.

Step 3: paste below code in bottom of file -> save.

.max-width--1 {

    max-width: 100% !important;

}

Hope that my solution works for you.

Best regards,

PageFly.

[CPHAGEN_Nordic]

@PageFly-Victor

thank you so much!!!

It worked 😄 Exactly as I wanted for desktop.

Thank you very much!!!!

[MOISCHKOWITZ]

Thats great. The only option for mobile is to hide/show the thumbnails. But if that is vital it can always be coded. What should it be like?

Pls award me an "accepted solution" if  you are satisfied. 

[tsswnkls]

Hi! Could you help me with this? I'm facing the same issue (Dawn theme), but I can't find the theme.min.css file. How can I adjust this? Thanks in advance!