Site logo

Archived topic

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

3 replies · Started by CRAIG on July 6, 2021

Viewing posts 1–4 of 4

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'

Hi there,

try this CSS:

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

This has done the trick, thanks David

Glad to hear that!

This archived topic is closed to new replies.