Accordion text fit

Hi all,

I have an accordion on the FAQ page in this website.

But on mobile some of the accordion text (with longer copy) flows over the next tab.
How do I set it up so that the accordion stretches as far as the (text) content inside?

Any help is much appreciated.

Here is my site Read-Only:

Man, Did you fix it? I really interested.

Since the height is being set by your interaction the only think you can do is increase the size. Try setting the size to 100%.

Hi Jeff,

Thank you for your reply. I’m not sure what you mean by increase the size?
I tried setting the height of the accordion item to 100% but that didn’t work…


The animation “accordion open” is setting the height to 200px. That is what is controlling the element size when open.

Shared with CloudApp

Thank you Jeff! Worked like a charm :ok_hand: