Skip to main content

Hi I am building a landing page with Classic Builder with a expandable FAQ section.

However after inserting my custom HTML code and jQuery, I would like to make the height of my FAQ section dynamically responsive in height.

As you can see from the screenshot, the beige area is the div section for my FAQ. This section is dragged and dropped from the Classic Builder. 

I would like it so that when my accordian is expanded and collapased, the div changes the height.

Right now, when my accordian is expanded, the accordian overlaps to my footer. 

 

Can you please share a link to your page? It’s difficult to provide a solution for your issue from a screenshot only!


Can you please share a link to your page? It’s difficult to provide a solution for your issue from a screenshot only!

Hi Nayon!

Thanks for replying! This is the link to my page.
As you can see in the mobile view, the FAQ section, it overlaps my footer and does not push down the footer section.

Would you like to see my javascript/css/html code as well? 


https://uea.ubpages.com/uaetesting/

What I am looking for is something like this codepen where the bottom section gets pushed/the faq section’s height gets expanded:

 


Reply