PRO: all rows stuck at 500 pixels, regardless of the content

[charles2]

Hi,

I’ve used the PRO content builder for headers and footers, without issues. My sites pages used to be simple enough to avoid the need to use it. Now I’m trying to use it and I have a section, in which I have 3 rows of different types (1 column, 5 columns, 1 column). No matter what the content is, all rows are fixed at 500px…

I cant’t figure out why is that or how to fix it. Very annoying…

I can fix it by changing:

.x-section .x-container.marginless-columns

from display:table to display:inline.

But that’s very awkward and it doesn’t work for mobile so I would have to do a fix for every breakpoints.

Using latest version (2.2.5)

You can see here: https://stg.reseaucarrieres.com/test (test site, very slow, but live site has same issue)
(This example only has simple 1 section, 2 rows with a text block in each).

[rad]

Hi @_charles,

Thanks for reaching out.

May I know the purpose of adding minimum height to your sections? This is the culprit and it’s in your child theme’s style.css

.x-container {
    min-height: 500px;
}

It’s too generic and will really affect any section of any page and on any device. You may need a different CSS if it’s intended to a specific area.

Thanks!

[charles2]

Oh man… Thank you! Yes, obviously too generic. I probably put that there to test something.

I should have asked earlier…

[rad]

You’re most welcome! And no problem, glad I could always help