How can I hide a list item element that is buried in my website?

Question

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

Is there an easy way to make this hidden?

Thank you

When you revise to improve the question, be sure to explain _why_ that element is the one you're targeting. What's special about it in the context of your page? Don't make us guess. — isherwood, Mar 15 '22 at 21:15

score -1 · Answer 1 · answered Mar 15 '22 at 20:45

-1

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

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

answered Mar 15 '22 at 20:45

Aaron Vasilev

Please don't write in text-speak on SO. "smth" isn't a word. – isherwood Mar 15 '22 at 21:13
And if you need clarification, comment on the _question_, not on your answer. – isherwood Mar 15 '22 at 21:15
Thank you Aaron, I will try. I do appreciate and can understand what you mean. gg – HarambeForkBomb Mar 16 '22 at 21:14

score -1 · Answer 2 · answered Mar 15 '22 at 20:54

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

score -1 · Accepted Answer · answered Mar 15 '22 at 21:11

-1

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

answered Mar 15 '22 at 21:11

A Haworth

Awesome, thank you and will try it out. – HarambeForkBomb Mar 16 '22 at 21:15
For what it is worth, this one helped and I was able to solve my issue thanks to your suggestion. Appreciate it A Haworth! – HarambeForkBomb Mar 18 '22 at 19:40

3 Answers3