Extra grid space above footer

Hi there,

can you provide a screenshot of the issue? And which browser are you seeing the problem?

Using chrome

Even same issue in firefox

Same issue in microsoft edge also

Hi there,

Try adding this CSS:

.generate-columns-activated #main {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .generate-columns-activated .content-area + .sidebar > div {
        margin-top: 0;
    }
}

Let me know :)

this helped on desktop view, BUT on mobile shows extra grid width space above sidebar ...

Tom, I believe in next update you need to consider this css update in GP...

on mobile still shows extra grid width space above sidebar …

I just updated the code above: https://generatepress.com/forums/topic/extra-grid-space-above-footer/#post-891131

I agree, this can be tweaked in the plugin. Thanks! :)

Sorry Tom, above code removes grid on sidebar in desktop view ???

I think, we need to define a new class and populate it when 2 columns used with its own css, otherwise tweaking present css will cause some or other issue....

Please check on your development environment with 2 columns setting as I had...

Regards

Sorry about that, try the updated CSS: https://generatepress.com/forums/topic/extra-grid-space-above-footer/#post-891131

Yes, it is fine now.

I am sure this will be updated in next GPP update, then I will remove this css addition....

Thanks for pointing it out :)