[Resolved] Design bug containers

[Markus]

Dear GeneratePress-Team,

I’ve got a strange bug on my homepage. I have some side containers there. If I open my site they are really long drawn-out. If I scroll down and up again they are how they should be.

Look at my screenshot:
https://prnt.sc/_nz4LpIyvoHw

This is my site: https://www.radtouren-checker.de/

Another question: Is there a possiblity to define a max. height for these containers/blocks?

Kind Regards,
Markus

[David]

Hi there,

is it only the block with the newsletter sign up inside that is causing the issue ?

[Markus]

No, all these blocks among themselves have this problem…

[David]

The thing is, there is some code on your site that that is setting most of your HTML containers to have a height: auto – Ad Scripts generally do this, which can cause this kind of issue,

Try this. Select the Column container block those items are in, and in Advanced > Additional CSS Class(es) add: unset-height

Save that.
Then add this CSS to your site:

.gb-grid-wrapper>.gb-grid-column.unset-height>.gb-container {
    height: unset !important;
}

[Markus]

Hi David,

I’ve implemented that, but unfortunately the problem is not solved…

KR
Markus

[Ying]

Hi Markus,

I’m not seeing the CSS on your site, how did you add it?

[Markus]

Via custom css.

You can see it in line 1229 at the source code of my site.

KR
Markus

[Ying]

I’m not seeing it:
https://www.screencast.com/t/ME8sexZ3
Can you add the code to the top of the additional CSS field to avoid errors from your previous CSS and make sure cache is cleared?

[Markus]

1229, not 1129, here:

Screen

[Markus]

Cache is cleared (again! :)).

[Ying]

Now I can see the CSS 🙂

Try this one instead:

.gb-grid-wrapper>.gb-grid-column >.unset-height {
    height: unset !important;
}

[Markus]

Now it seems to work. I will check it the next days if it’ll be okay.

Great support!

[Ying]

You are welcome 🙂

[Author]

Posts