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

clairemarie · ‎04-22-2024

Hello

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

Made4uo-Ribe · ‎04-22-2024

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

brandography · ‎04-22-2024

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%"

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 · ‎04-22-2024

ah almost - but now they are bit too wide!

brandography · ‎04-22-2024

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

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