Can someone help me figure out why the question in my accordion Q&A is getting cut off when I preview–when its closed. I’ve played with everything and cant seem to figure it out. I know its probably simple and Im missing it. Much appreciated!
Here is my site Read-Only: LINK
Hi there,
To properly display accordion text in your dropdown, here’s how to adjust your settings:
The parent dropdown element should have:
For the dropdown toggle:
You may also want to check that your text elements inside the accordion have proper spacing and line-height settings to maintain readability when expanded.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
@deanne107 First, remove the fixed height (around 50px) from your question’s parent div.
Then, adjust the height of the answer div - when it’s closed, set:
height: 0; padding: 0; overflow: hidden;
When it’s open, set:
height: auto; and add padding if needed.
Please refer to the screenshot below for reference.
Got it working, thank you!
