Creation of a non-clickable menu item

Illdy
1

Hi, to create a non-clickable menu item how can I do?
I saw that by putting an entry as a “custom link” and putting in the url “#”, you can still click and go back to the start page.

I wanted to remove the hover, should I simply change the css or is there something simpler?

2

Hi there,
Thanks for reaching out to us.

You can remove the anchor functionality from your menu making it unclickable by using custom CSS.

Here is some sample CSS that should work:

.menu-item-x{
pointer-events: none;
cursor: default;
}

NOTE: You will need to add the select class depending on the specific menu item you want to affect.

Hope this helps.

3

Ok it works perfectly.
Last question, I have to “obscure” 6 menu items, do I have to write the code 6 times, changing only the X or is there a way to group everything together? (The item numbers are: 189,194,195,196,197,199)

.menu-item-x {
pointer-events: none;
cursor: default;
}
4

Good evening

You can use this something like this:

.menu-item-x,
.menu-item-2,
.menu-item-3,
.menu-item-4 {
pointer-events: none;
cursor: default;
}

5

Ok thank you very much Noda!

You save me :wink:

6

will close this case now, Feel free to contact us again if you have other questions
Thanks!