I have an accordion I'm working on. I place a shortcode inside the accordion content. When I place the accordion shortcode on a page, it appears and opens, but the content is cut off. I need it to open the full height of the content.
I can see you already tried to fix that issue by setting min-height: 100%; and it's not working as expected. It's the issue that is related to ULC. But for now, you can set a min-height with pixels.
.ulc-list-render{min-height: 600px !important}
Hi Dea, I can see a CSS property called 'overflow' is causing the issue. And this CSS is not coming from our plugin. It's coming from a plugin called 'ulc'. Kindly check this screenshot- https://i.imgur.com/BeJOu6t.png
To fix that issue, you can contact the 'ulc' plugin support, or you can overwrite the CSS with our plugin. For that, go to Edit your accordion. Then under Custom scripts, there is a field called Custom CSS. just copy and CSS code from below and paste it under the Custom CSS section.
.ulc-list-render{overflow: visible !important}
You can follow the screenshots -
https://i.imgur.com/ZfpxK3f.png
https://i.imgur.com/UZ7bh7m.png
I appreciate the help!
Anyway, I changed it in the Accordions custom script and then directly in the ULC style.css file. The first accordion I open appears to act correctly (I think), but any subsequent ones I open, the content now behaves as if overflow is set to “scroll” when it is set to “visible.” The content is still cut off, but a scroll bar is shown on the right. Getting closer, but still not working as I’d like.
I would like this accordion to load the full content of each nested accordion on open.
Hi Dea, Thanks for your post.
Could you please share the site URL so that we can investigate?
You can view the behavior here: https://deatest.argenttech.net/about-chaplaincy/accordion-test-page/
I do appreciate the help. But, each ULC is a different height and they are constantly being updated. I’d really like this to work without changing the CSS every time I add a link. I will keep working on it.