[Resolved] Need Help Fixing Gap Between Top of Page and Elementor Nave Menu

[Stephen]

As the title says, I am having an issue adjusting the nav menu I created with Elementor to stay at the top of the page without a gap. I followed a forum post by Tom on how to make the menus sticky with success, but after adding my custom menu bar I am unable to close the gap between the top of page and the nav menu.

Problem can be seen at stephencannon.com

I am not fluent with CSS but am able to adjust everything with a reasonable explanation. Hope I gave enough information. Thanks for the help!

[Leo]

Hi there,

It’s coming from Elementor’s content padding. You can try this CSS to remove it but it’s best to check with their support to see if this is the best way:

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

[Stephen]

Thanks a lot Leo, that did just the trick. Glad I chose Generate Press for my theme!

[Leo]

No problem 🙂

[Author]

Posts