Creation of a non-clickable menu item

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?

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:

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.

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;

Good evening

You can use this something like this:

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

Ok thank you very much Noda!

You save me :wink:

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