[Resolved] Getting cursor to display pointer when hovering over (non link) menu items

[CRAIG]

Pretty much as the title says, in my primary navigation I have added a couple of items which are really just titles for the links which display below when you hover over them.

Currently, as there are no links within these items, the pointer does not display.

Could you suggest a way to do this? I had read about doing this via CSS in a couple of places but when I tried applying it to my site it wouldn’t work.

I have added a link to my site

I deleted the ‘#’ within the link field after creating relevant the menu headers as I don’t like the # appearing in the address bar if someone clicks the top level item e.g. ’bout’

[David]

Hi there,

try this CSS:

.main-navigation .main-nav ul li a {
    cursor: pointer;
}

[CRAIG]

This has done the trick, thanks David

[David]

Glad to hear that!

[Author]

Posts