DAWN Theme - how to set minimum width for variant options?

[Mr_Mynymal]

Trying to widen the right side section and set a minimum width for it, currently some of my product options have a long name and it looks bad when word-wrap forces it to a second line in the bubble 😞

Thanks for any help!

[Artzen_tech · Accepted solution]

Hi @Mr_Mynymal 
Its Artzen Technologies! We will be happy to help you today.

You can follow the below css which I have mentioned. And check the result.
1) Go to your Online Store
2) Edit Code
3) Find CSS File
4) Add the following CSS

.product__media-wrapper {
   max-width: 45%!important;
}
.product__info-wrapper {
   max-width: 55%!important;
}

This will give you the desired result. Refer to below screenshot. You can also adjust the width according to you wish in this.

If my solution helped you, then please mark it as accepted.

Let me know if need further assistance
Regards,
Artzen Technologies

[Artzen_tech · Accepted solution]

Hi @Mr_Mynymal 
Its Artzen Technologies! We will be happy to help you today.

You can follow the below css which I have mentioned. And check the result.
1) Go to your Online Store
2) Edit Code
3) Find CSS File
4) Add the following CSS

.product__media-wrapper {
   max-width: 45%!important;
}
.product__info-wrapper {
   max-width: 55%!important;
}

This will give you the desired result. Refer to below screenshot. You can also adjust the width according to you wish in this.

If my solution helped you, then please mark it as accepted.

Let me know if need further assistance
Regards,
Artzen Technologies

[oscprofessional · Accepted solution]

Hello @Mr_Mynymal ,
This setting is present in your DAWN them customization, Follow these steps.
1. Goto admin and customize the theme.

2. Select product template and click on product information.

3. Select small in desktop media width and save.