Archived topic
Need Help Fixing Gap Between Top of Page and Elementor Nave Menu
3 replies · Started by Stephen on February 16, 2018
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!
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;
}
Thanks a lot Leo, that did just the trick. Glad I chose Generate Press for my theme!
No problem :)