Height of Drop Down Menu

Site URL: https://www.visionarydesignbuild.com/

I am trying to figure out how to line up the top of my nav folders to the bottom of my nav bar. 

Add to Home > Design > Custom CSS

.header-nav-folder-content {
    top: 50px !important;
}

On 2/20/2020 at 9:14 AM, tuanphan said:

Add to Home > Design > Custom CSS

.header-nav-folder-content {
    top: 50px !important;
}

Thank you for looking into this.

I actually have tried this before. Unfortunately it moves down the whole div (or however you say that) so that you stop hovering over it and it disappears before you can click on anything when you move your cursor off the word on the header nav.

Any ideas?

1 hour ago, mtbracer said:

Unfortunately it moves down the whole div (or however you say that) so that you stop hovering over it and it disappears before you can click on anything

Yes @mtbracer, that will happen if the mouse pointer moves outside of the area occupied by the nav folder link. The way to prevent this is to increase the padding around the nav folder link. For example, something like this:

.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content {
  top: 54px;
}
.header-nav .header-nav-item--folder {
  padding-bottom: 26px;
  margin-bottom: -26px;
}

On 2/24/2020 at 7:08 PM, paul2009 said:

Yes @mtbracer, that will happen if the mouse pointer moves outside of the area occupied by the nav folder link. The way to prevent this is to increase the padding around the nav folder link. For example, something like this:

.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content {
  top: 54px;
}
.header-nav .header-nav-item--folder {
  padding-bottom: 26px;
  margin-bottom: -26px;
}

Ahh. Yes. That's a simple way to do that. Thanks for the help.