I created metafields for my product descriptions and they are very narrow on Mobile - I want wider.

[Fightingfatigue]

I created metafields for my product descriptions and the product information metafield dropdowns, look quite narrow on mobile and I want to make them wider, any suggesstions? 

Thank you 

I am using the refresh shopify theme

[KetanKumar]

@Fightingfatigue 
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.

[Fightingfatigue]

Please see image below, I want to get these wider to fill up the whole page, if that is possible?

thank you

 

[KetanKumar]

@Fightingfatigue  thanks for update can you please share your store url 

[KetanKumar · Accepted solution]

@Fightingfatigue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media max-width: 989px){
body #shopify-section-template--20959292457295__collapsible_content_dBzkyN .collapsible-content-wrapper-narrow {
    max-width: 100% !important;
}
}

 please check a look after code

[Fightingfatigue]

Thank you - I have added the code in and unfortunately it has not fixed it yet - like you have sent the screenshot. Wonder why mine should be different? 

Thanks so much for your advice

[KetanKumar]

@Fightingfatigue oh sorry for that if possible to add me staff so i will check and update

[Fightingfatigue]

Yes how do I add you 

[KetanKumar]

@Fightingfatigue yes you can easy to do this please check Shopify Managing Staff Article  here .

[KetanKumar]

@Fightingfatigue  i have uddate code as per your code style can you please check and confirm