Issue hiding first-child item in navbar folder

Site URL: http://https/www.sheworldhealth.org/

I am trying to hide the "campaigns lp link" item from the "Campaigns" folder of my navigation bar as shown below:

This is the code I am using right now in my Design>Custom CSS area. It is not working:

span.Header-nav-item.Header-nav-item--folder:fourth-child(2) a.Header-nav-folder-item:first-child {
display: none;
}

The "campaigns" folder is the fourth child in the main navigation bar but its the third folder. I tried using third-child, 4th-child, 3rd-child and none of these seem to work. The "campaigns lp link" child of that folder is a page link. Do I have the CSS syntax wrong?

Add to Home > Design > Custom CSS

a.Header-nav-folder-item[href="/campaigns-lp"] {
    display: none;
}

That works beautifully, thank you very much!

On 8/20/2020 at 1:56 PM, tuanphan said:

Add to Home > Design > Custom CSS

a.Header-nav-folder-item[href="/campaigns-lp"] {
    display: none;
}

 

I'm trying to do the same thing, but my  link is an anchor tag... I thought it might be the following but it doesn't seem to work.

a.Header-nav-folder-item[href="#distributors"] {display: none;}

Any thoughts tuanphan? Thanks!!!

On 4/12/2022 at 4:38 PM, DWgraphicdesign said:

I'm trying to do the same thing, but my  link is an anchor tag... I thought it might be the following but it doesn't seem to work.

a.Header-nav-folder-item[href="#distributors"] {display: none;}

Any thoughts tuanphan? Thanks!!!

Hi,

What is your site url? I can check easier