how do i make the collapsible rows on shopify product page take up the whole page width? I am using metafields in collapsible rows for the product descriptions and they are only on the right hand side of the page and I would like them to take up the whole width please. I have tried loads of differ…

@Fightingfatigue We understood that you are looking to display the collapsible row in wider length, so please delete the existing “Collapsible row” block under “Product information” section, instead add it as a new section using the steps mentioned in our first comment. So, it will display wider lik…

@Fightingfatigue Please follow the below steps to make the collapsible rows to take whole page width in product page. Let me know whether it is helpful for you. From admin, Go to “Online Store” → “Themes”. Click “Customize” button in the current theme. Go to the product page and select “Add sectio…

@Vinsinfo Thank you very much for your detailed response. But this did not answer the question. I know how to add the collapsible content and I also have already added the metafield, so that is not my issue. My issue is that the collapsible rows, they are only on the right hand side of the page an…

@Fightingfatigue Can you please share your store URL? So that, we can check and provide you the exact solution.

Here is a screenshot of what I mean- [IMG-20240516-WA0033.jpg] and the inspect code of this, is in the original comment.

@Fightingfatigue No, we can’t achieve it using CSS code because of the current code structure. We need to only create separate section for it by custom code. Since collapsible content is already available by default in the theme, we can use it. We can use collapsible rows only within the product in…

How do i make the collapsible rows on shopify product page take up the whole page width?

Shopify Discussion

Fightingfatigue May 16, 2024, 11:25am 7

@Vinsinfo Thank you. I will try this..

Is there no CSS code just for the collapsible rows?

What is the advantage of adding the collapsible content???

Thank you

Topic		Replies	Views
Extend the length of the collapsible rows Store Design product-page	5	59	September 23, 2024
SENSE: Make Product Description & Product Page Content FULL WIDTH Store Design	10	150	August 13, 2022
Make collapsible row lines full width on product page - mobile only Store Design design , troubleshooting , product-page	2	57	August 12, 2025
Editing product information collapsible row in Craft theme 2.0 Store Design	23	233	January 17, 2024
How can I create a collapsible product description row for all products at once? Store Design design , shopify-themes	21	944	February 12, 2025

How do i make the collapsible rows on shopify product page take up the whole page width?

Related topics