Menu Cursor Icon

[jagelman]

Hi there,

I have a problem on my development site with the menu cursor. The website is: http://fudge.jagelman.asia/.

Basically the first two menu items “About” and “Coffee” we want to have as menu items but not as links. Thus we don’t want the pointer icon when hovering over it. Previously in Wordpress you could delete the url in “custom links” under “menu” and it would take it back to the default mouse icon.

However now doing that doesn’t work (it still has the pointer icon). How can we change it so that when hovered over non-clickable links that the default mouse still stays the same?

Kind regards,

jagelman

[nabeel]

Hi there,

Thanks for writing in! You can do it with custom CSS, first inspect to find the ID’s of your menu items (see screenshot)

Then add the following code in the Theme Options > CSS:

#menu-item-43 > a:hover, #menu-item-440 > a:hover {
    cursor: default;
}

Alternatively, you can use the following code to change the hover state of the cursor:

.menu-item-has-children > a:hover {
    cursor: default;
}

It will be applied on all menu items that has a sub menu.

Hope this helps!