Toggle Areas below active toggle do not push down

[schafir]

Hi, I have created a page with a series of Toggles to a lot of content on a page. When a toggle is expanded, the toggle areas beneath the expanded one display over the content of the expanded area, including the titles.

I am using columns in each toggle area, not sure if this affects things or not. I have also styled the titles to be a different color and also use the tags inside the shortcode.

This doesn’t seem to be an issue on my mobile phone, but happens on both Chrome and Firefox browsers.

Here is the link to the page: http://ilawordpress.ilapdx.org/beyond-academics/after-school-activities/

Here is the link to the code for the page: http://pastie.org/private/00c2v95npkhdkbcfrmdhcw

and here is a screenshot of the problem: http://tinypic.com/r/2r74rx0/6

What might I be doing wrong?

Thanks for your help!

Topic

[Jason Bobich]

Hello,

Whenever you have a set of columns, you need to clear your columns, which are floated items. So try putting the [clear] shortcode at the end of each toggle’s content. Does that solve the issue?

[schafir]

That worked like a charm. Thank you so much for your quick and helpful response!

[Author]

Replies