Issue with my product accordion on my theme shopify

Store Design

Topic summary

A Shopify store owner reports that text in product page accordions is being truncated, appearing to have a character or height limit. The issue affects all product pages on the site.

Problem identified:

  • Accordion content is cut off despite checking theme settings
  • An attached screenshot demonstrates the truncation issue

Solution provided:

  • The root cause is a CSS max-height restriction in the plain-jane.css file
  • Locate the #faq .accordion-content selector
  • Change the max-height property from 250px to fit-content

Status: The technical solution has been shared with specific implementation steps, but the original poster has not yet confirmed whether the fix resolved the issue.

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

Hi,

The text in my product accordions is getting cut off, as if there’s a limit on characters or height. I checked my theme settings but didn’t find a fix.

How can I make sure the full text is displayed?

https://www.alfjewelry.com/
PW: andrew03

Thanks!

probleme.png
probleme.png868×483 49.6 KB

2

Which page has this accordion thing??

3

Every product I have.
Like for example:https://www.alfjewelry.com/collections/jan25/products/molar-necklace-4?variant=53662153441604

4

Okay, so found the issue. Open your plain-jane.css file and ctrl + f this #faq .accordion-content after clicking on the css file.

Shadab_dev_0-1739341808815.png
Shadab_dev_0-1739341808815.png287×313 14.3 KB

You will see a long list of css-code. Just change the max-height property marked in yellow to what is on the image. It will be 250px now just change to fit-content.

Hope this helps