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;
}