Essential grid format problem; empty space below grid

[Hudsonpilot]

Hi,

There’s a blank space appearing (intermittently) below the Essential Grids on my home page. Sometimes resizing the browser or refreshing will eliminate it, sometimes not. Attached is what it looks like. On inspection, it may have something to do with .esg-container>ul, .esg-overflowtrick>ul

Website page: https://www.upstatefilms.org/

X theme: 9.1.3
Cornerstone: 6.1.3
Wordpress: 5.8.1

Thanks for any advice you can provide.

[tristup]

Hi @Hudsonpilot,

Thanks for reaching out.
I have checked your website and found that the height has been set to 592px irrespective of any screen size and that is the reason behind your issue. I would suggest you use the following custom CSS code into the Page CSS of the specific page where you have used it.

.esg-overflowtrick 
{
    max-height: 332px;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[Hudsonpilot]

That worked! Thanks so much!

If it’s not too hard to figure out, can you tell me where the height was set to 592px so I can avoid problems like this in the future?

[ruenel]

Hey @Hudsonpilot,

You are most welcome.
The height could be coming from the dynamically generated height of the grid.

Best Regards.