Make a Parent Menu That Has Children Non-Clickable
I found this Help page that outlines exactly what I need to do:
http://help.wildapricot.com/display/DOC/Making+menu+items+not+clickable
But I cannot get the execution to yield the correct results. The link says to copy and paste the CSS script into the 'Global javascript' section. Easy enough. Then I am supposed to add the PageID into the second to last line of code where the copied script currently has ("12345"). So, let's say the PageID that I want to hide is 1689200. So does my code look like this:
disableLink("#PAGEID_1689188");
or without quotes:
disableLink(#PAGEID_1689188);
or without the PAGEID prefix:
disableLink("1689188"); OR disableLink(1689188);
I am using the Aurora Horizontal Red template. I have no other code in the Global Javascript. But nothing I do disables that first level parent link. It still allows the user to click on it instead of forcing them to use one of the underlying 2nd level child links.
wchester
shared this idea
-
Martha Stone-Martin
commented
This is what I have been doing. Check it out on www.3crowns.org
1. create a new site page template that is basically blank. Perhaps name it "template for top navigation only" or something.
2. create the first page in your "drop down" navigation. For example, you have a top level that is visible called "About" and when you scroll over it, the first page in the secondary nav is "Welcome".
3. create another new page and using your "blank" page template and call it "About" for example.
4. organize the "welcome" page so that it "sits" under the About page using the left side of the page settings panel.
5. Now go back to the "about" page and in the edit panel on the left side, go to the "raw headers" at the bottom and add this script.<script type="text/javascript">
try {
if (!top.adminpanel) {
window.location = "/welcome";
}
}
catch(e) {}
</script>
<noscript>
<meta http-equiv="Refresh" content="0"; URL="/welcome">
</noscript>Save and now when you click on the "about" page it goes to the "welcome" page.
In the above example, you then replace the 2 occurrences of the word "welcome" with whatever the page name is for the page you want the user to go to when they click on this top level of navigation.
-
Konstantin
commented
Hi, my name is Konstantin and I am Theme development team lead.
disableLink("1689200") ; This is the correct one.
Just follow the rest of the help instructions and it will work. Also check if you have right Page ID.
Hope this helps.
