Accordion text fit

Design help General
1

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:

https://preview.webflow.com/preview/de-camper-club-1-0?utm_medium=preview_link&utm_source=dashboard&utm_content=de-camper-club-1-0&preview=e7b78089f60fa862172fdf94de978f02&mode=preview

2

Man, Did you fix it? I really interested.

3

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%.

4

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…

Thanx

5

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

https://share.getcloudapp.com/DOu2Wxz9

6

Thank you Jeff! Worked like a charm :ok_hand: