How can I make product information collapsible content full width on desktop?

clairemarie
Visitor
2 0 1

Hello

 

Dawn Theme, please can you someone advise how to make Product Information Collapsible Content full width on desktop ?

2024-04-22 17 34 43.jpg

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
5938 1429 1759

Hi @clairemarie 

Can I take a look, would you mind to share your store URL? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


brandography
Shopify Partner
117 25 21

Hi @clairemarie , looks like you can edit the .collapsible-content-wrapper-narrow class in the collapsible-content.css file in the Assets folder by changing the max width to: "max-width: 100%"

Screenshot 2024-04-22 at 11.35.28 AM.png

 

 

Find a Powerful eCommerce Marketing Partner


Let Brandography help you spread the word about your products through cutting-edge eCommerce web design, strategic sales channels, and expert digital marketing tactics.
Check out our website
clairemarie
Visitor
2 0 1

ah almost - but now they are bit too wide!2024-04-22 19 25 21.jpg

brandography
Shopify Partner
117 25 21

Ok, try editing the max-width to be something like "max-width: 1200px" and make sure to add another line of code that says "width: 100%". That way it will always be 100% of what you want up to 1200px, or whatever size you'd like.

Find a Powerful eCommerce Marketing Partner


Let Brandography help you spread the word about your products through cutting-edge eCommerce web design, strategic sales channels, and expert digital marketing tactics.
Check out our website