Accordion inside a Column column grow and overlap the footer

[rolandhentschel]

Dear Themeco Team, on my Site i try to build a expandanding layout.

I have a Section, with a column, a tab inside that is linked with navigation. I put inside the tab item a global block that has accordion inside.

On the fronted of the site i open the accordion at the end of the site, the column grow with the open accordion. The accordion expand and overlap the the footer. Is there a way the the site grow with, actually i have the z-index on 2 and the footer hast z-index 1. How to make that the footer grow with the accordion?

Could you help me ? What i can do to fix this.

[lely]

Hi @rolandhentschel,

Generally, we do not recommend your setup. Using element like tab, accordion, grid, etc and adding an element that uses javascript like another tab, accordion , grid, etc inside will cause some display issues. This is because the calculation of display was affected when tabs are hidden.

For your setup, please try first to set PANELS > EQUAL HEIGHT TO OFF. That settings set the same height for each of your tab panels. Since height might be different depending on accordion content, it might be best to turn that off. That settings sets specific height.

Let us know how this goes.

[rolandhentschel]

Thank you lely, how easy to fix that omg!

Best Regards
Roland

[christian]

Glad we’re able to help, Roland.