How to remove the black line on the drop down navigation

Site URL: http://www.pupstudionyc.com

Does anyone know how to get rid of the black thick line on the drop down navigation? 

I attached the CSS and also screenshot 

PW:0000

I have Cusoms CSS below

.header-nav-folder-item a {
    color: grey !important;
}

.header .header-nav-wrapper a:hover {
  color: #757575 !important;
}
.header-nav-wrapper .header-nav-item--active a {
  color: grey !important;
  background-image: none !important;
}

@font-face {
    font-family: 'Fontfabric - Nexa Black';
    src: url('https://static1.squarespace.com/static/51ee506ee4b0cbccf9a4e880/t/60dc38b9fc78ae0a6b45e354/1625045178125/Fontfabric+-+Nexa+Black.otf');
}

h1, h2, h3, nav#mainNavigation *, .overlay-nav-inner-wrapper * {
    font-family: 'Fontfabric - Nexa Black' !important;
}

.header-nav-folder-item {
    text-transform: normal;
    padding-bottom: 8px ;
    text-align: left;
}

.header-nav-folder-item {
 
    padding-top: 7px ;

}

.header-nav-folder-item {
 
    font-size: 15px ;

}

#header {
  background-color: transparent;
}
.header-announcement-bar-wrapper {
  background-color: rgba(0,0,0,0)!important;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.tweak-fixed-header .shrink.header {
  background: #white !important;  
}
.tweak-fixed-header .shrink.header .header-nav-wrapper a {
  color: #617C58 !important;
}

//Stylized Folder Dropdown Menu
@linkBGColor: #F5F5F5;
@linkTextColor: #fff;
.header-nav .header-nav-item--folder .header-nav-folder-content {
  padding: 0;
  .header-nav-folder-item {
    padding: .5em 1em;
  }
  .header-nav-folder-item:hover {
    background: @linkBGColor;
    a {
      color: @linkTextColor;
    }
 }
}

.header-nav .header-nav-item--folder .header-nav-folder-content {width: 200px !important; 
  white-space: nowrap; 

  padding: 0;
  .header-nav-folder-item {
    padding: .5em 1em;
  }
  .header-nav-folder-item:hover {
    background: #E5E4E2;
    a {
      color: #757575 !important;
    }
  }
}

.header-nav-folder-item 
  {background:#FBFBF9; transform: translateY(28px);
    padding: .5em 1em;
  }

Add to Design > Custom CSS

.header-nav-folder-content {
    background-color: transparent !important;
}

On 11/18/2021 at 7:33 AM, tuanphan said:

Add to Design > Custom CSS

.header-nav-folder-content {
    background-color: transparent !important;
}

 

I see now it doenst how anymore, but it looks like a gap between the nevigation and the drop down, is there any way I can get rid of the blank part?

4 hours ago, Jun890927 said:

I see now it doenst how anymore, but it looks like a gap between the nevigation and the drop down, is there any way I can get rid of the blank part?

Try add to Design > Custom CSS

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

6 minutes ago, tuanphan said:

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

You are amazing! Thank you so much!!

25 minutes ago, tuanphan said:

Try add to Design > Custom CSS

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

 

do you know how to make this to left side? I mean, I want the 3line to be alinged with the first letters of the drop down box

Just now, Jun890927 said:

do you know how to make this to left side? I mean, I want the 3line to be alinged with the first letters of the drop down box

On 11/23/2021 at 3:58 PM, Jun890927 said:

 

 

PW:0000

https://www.pupstudionyc.com/

Hi.

Can you check password?