Docs

[MattHoll]

Hello.

I cannot do a screen cap of this as the cursor goes away when I do a screen cap, but here’s what I have happening.

I created a menu item with a custom link. I then deleted the link so that it is not clickable, then I nested some dropdowns inside of that.

That top level one that is not clickable: on hover, the cursor changes to a text cursor as if you are going to type something in. I’d like the cursor to remain unchanged if at all possible.

I will post the site in the reply with log in credentials.

Any help is greatly appreciated.

Thanks!

[MattHoll]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

li#menu-item-1734 a {
    cursor: pointer;
}

Hope it helps 🙂

[MattHoll]

Thanks!

That made the cursor change to a hand on hover, same as with a clickable link. Is there an option for having it stay with that sort of arrow cursor?

I tried:

li#menu-item-1734 a {
cursor: default;
}

But this makes the cursor over *every* dropdown that default arrow cursor. I’d like those menu items that are not actually clickable to remain the default but the clickable ones to have that hand.

Thanks for your help!

[MattHoll]

Also, I see that this is only for that one specific menu item. How do you see the name of the menu item? In case I need to implement this on another menu in the future.

Edit: Figured this part out with “inspect element”.

Still need to know how to affect just those non clickable menus, though. Thanks!

[MattHoll]

Is it just a matter of setting each menu individually?

Like so?

li#menu-item-1734 a {
cursor: default;
}

li#menu-item-1736 a {
cursor: pointer;
}

[MattHoll]

That worked. I did that with each nested menu item. Is there an easier way, so I know for the future, though? I had to individually set a lot of menus.

Thanks again.

[Rupok]

Glad that you are all set now. Have a nice day!

[Author]

Posts