Drop down menu overlaps navigation bar

So I added dropdown menus to some of the pages displayed on my navigation bar. But when you hover over the navigation bar, the dropdown menu appears on top of the nav bar page name (see attached photo).

This both looks bad and blocks the user from accessing the main page. E.g. they cannot click on "about" or "stories" or "nerve boutique". All of which have their own page.

Does anyone know how I can "move" the dropdown down so you can see the nav bar page name and be able to click on that page.

https://www.wegotnerve.com

You can use this code to Website Tools (under Not Linked) > Custom CSS

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

try this code 

Quote

.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { 
  top: 11px !important;
}

You can increase Line Height of Site Navigation to fix this, no need to use code