Site logo

Archived topic

Content breaking bottom margin on sections

3 replies · Started by Drew on August 16, 2018

Viewing posts 1–4 of 4

I've run into an issue where content from our event manager's calendar is falling below the bottom margin inside sections.

Vid showing issue (and how to reproduce): https://www.screencast.com/t/5gAw872REnL

When I look at the code via Chrome Inspector, the display is fine: https://www.screencast.com/t/crtCnsKzW0

What do you suggest for helping the section to expand and accomodate the dynamic content?

Many thanks
Drew

---

P.S. LOVING 1.7!

Hey Drew,

Give this CSS a try:

.generate-sections-inside-container:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

If that doesn't work, try turning equal_heights off in the LGC shortcode: equal_heights="false"

There we go, disabling equal heights did the trick (ended up not needing the CSS).

FYI, I assume adding that attribute to both all of the column shortcodes in a row is necessary. If not, let me know.

Thanks so much!

I don't think it's necessary, but it doesn't hurt.

You're welcome :)

This archived topic is closed to new replies.