[Resolved] Removing white gap between primary navigation and rest of page

[Shaun]

Heya, there’s a white gap between my primary navigation menu and the rest of the page, that I’d like to remove. I’m using Elementor as my page builder, and Smart Slider to facilitate the process. There is a workaround to remove the white gap, which is to just shift margins in Elementor; however, I was wondering if there’s a default way to do it through the Customizer. I’ve tried a few methods that were brought up in earlier discussions, but to no avail:

https://generatepress.com/forums/topic/small-grey-gap-between-header-navigation-and-revolution-slider/
https://generatepress.com/forums/topic/how-to-remove-white-space-top-of-page-built-with-elementor-page-builder/
https://generatepress.com/forums/topic/no-space-between-page-header-and-main-navi/

The following elements had been disabled: Top Bar, Header, Featured Image/Page Header and Content Title.

Any ideas?

Screenshot

[Leo]

Hi there,

Can you disable the coming soon page so we can see the site?

Thanks!

[Shaun]

Done. Thanks Leo!

[Leo]

It’s from Elementor.

This CSS should remove it but I would recommend checking with their support to see if there is a better way:

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0;
}

[Shaun]

Thank you so much Leo! That did the trick!

There’s also a gap at the bottom, below the footer. Is there a way to close up that gap too?

[Leo]

I believe that’s from a plugin called Cookies for Comments.

[Shaun]

You’re right, deactivating Cookies for Comments got rid of the gap. Thank you so much!

[Leo]

No problem 🙂

[Author]

Posts