Accordian Text - Getting cut off

We have the PRO element accordion used on one of our landing pages. We notice when viewing from Chrome and after expanding an accordion item and then refreshing the page the text within the accordion gets cut off. This is specifically effecting the last item in the accordion. We have tried what feels like every option to fix this…. Wrote different classes etc.

In this case we are using the Minerva Knowledge-base FAQ plugin in conjunction with the PRO accordion Element. Any ideas of how to resolve this?

Accordion item show all text
Shows all lines of text at the bottom

Accordion item with text cut off after refreshing the browser (Chrome)
Only shows first line of last accordion item

Hi @b-lynk,

Thank you for writing in, please do check all you custom HTML content, you can use this tool here to make sure there is no syntax error on the content inside of the Accordion.

If the issue persists, please provide us the direct page URL so we can take a closer look.

Let us know how it goes,
Cheers!

Thank you for your feedback. I provided a link to the page in question with credentials in the Secure notes area. Do know, this page is live with active visitors and also you’ll need to log in first to view the page as we have SSO set up for this site.

Hopefully you are able to help :slight_smile:

Hi @b-lynk,

Try adding this custom css.

.x-acc-item > div {
    height: auto !important;
}

Let us know how it goes. Thanks!

1 Like

This worked beautifully!!! Thank you so much!!! WOW

You’re welcome!
We’re glad @albrechtx were able to help you out.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.