Weebly CSS editing nav-menu

Question

I'm trying to make some nav menu items non-clickable if they have sub categories. I figured out how to do it for parent items but I'm have trouble with child items -making them non-clickable if they branch to lesser categories.

`enter code here`#nav-wrap .wsite-nav-0 a, .wsite-nav-1 a {pointer-events: none;};

Can you give us an example of your HTML? Context is always good. — Jon P, Oct 01 '14 at 02:43
Instructors are a sub menu under 'About'. I'd like to make 'Instructors' non-clickable for example if I wanted to branch off even further. — saalih123123, Oct 01 '14 at 11:38
You want the instructors link to be not clickable even though it has a `href` attribute that looks like a link? — Jon P, Oct 01 '14 at 23:44

score 0 · Accepted Answer · edited May 23 '17 at 12:05

Is sounds like what you are looking for is a parent selector, such a selector does not currently exist.

Some options:

Set a class for those you dont want to be clickable. Simple and to the point.

Use the href attibute as part of the selector, and set href="#".

<a href="#">Instructors [Other stuff here]</a>

/*CSS*/
#navigaion a[href="#"] {pointer-events: none;}

Finally re-think. I always try to have a page for everything in my menus. Have a general instructors page with a paragraph or two about the group, then links to the indidvidual instructots.

Weebly CSS editing nav-menu

1 Answers1