Shopify themes, liquid, logos, and UX
I am looking to adjust the width of the 'Collapsible Content' Box within my product pages on store, currently this object does not fill the regular width of the page and it looks a little off.
Can anyone please help advise? See image attached what I am trying to achieve 🙂
Example URL: https://gpuconnect.com/products/pld10010s12hh-95mm-dc12v-0-40a-rtx3060-rtx3070-vga-fan-for-msi-rtx-3...
Solved! Go to the solution
This is an accepted solution.
So please go to your Online store > Themes > Edit code, open section-main-product.css, add this code at the bottom and save the file
.collapsible-content-wrapper-narrow { max-width: 1130px !important; }
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Please add this code to theme.liquid file before </head> tag
{% if template == 'product' %}
<style>
.collapsible-content-wrapper-narrow { max-width: 1130px !important; }
</style>
{% endif %}
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Unfortunately it doesn't seem to have worked 😞
This is an accepted solution.
So please go to your Online store > Themes > Edit code, open section-main-product.css, add this code at the bottom and save the file
.collapsible-content-wrapper-narrow { max-width: 1130px !important; }
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Thank you this worked! I take it I should remove the previous bit of code that didn't work from theme.liquid ?
For sure.
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Unfortunately this doesn't appear to work any more using Dawn 13.0.1. Any ideas?
EDIT: still working was a typo sorry!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025