Adjusting collapsible row width

Store Design
,

Topic summary

A store owner is trying to adjust the width of collapsible rows on their product page to match the width of their “Add to Cart” button. They’ve shared a screenshot showing the current layout issue.

Proposed Solution:
A CSS code snippet was provided to control the width:

  • Targets .collapsible-content, .collapsible-row, and .product__accordion classes
  • Sets max-width: 800px (adjustable value)
  • Uses margin: 0 auto to center the element

Another user requested the specific page link to provide more targeted assistance. The discussion appears ongoing as the original poster hasn’t confirmed whether the CSS solution resolved their issue.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

image
image662×854 50.5 KB

i want the width to match my add to cart idk how to do that?
store link: breshofficial . com

store pass: hugegyat

3

@Bresh_store can you share this page link?

7 
.collapsible-content,
.collapsible-row,
.product__accordion {
  max-width: 800px; /* adjust to your liking */
  margin: 0 auto;   /* centers it */
}