I'm looking to hide this list item on our new website as it currently isn't natively possible.

Screenshot of Code

Is there an easy way to make this hidden?

Thank you

CodePudding user response：

I think the easiest way to hide element is to do smth like this

    li:nth-child(2) {
      display: none;
    }

CodePudding user response：

I think Use one of these:

display: none;  #The item disappears without leaving any traces

or

visibility: hidden; #The item disappears while retaining its place

see the difference her: What is the difference between visibility:hidden and display:none?

CodePudding user response：

You need to be careful that you aren't ruining other lists that might be in your page so I'd be as specific as I could be on this one:

.container > .navbar > .navbar-section .navbar-item:nth-child(2) { display: none; }