The NoLink Stack turns top level menu items into placeholders, disabling the links on those menu items.
Optionally, you can prevent the cursor from changing to a ‘hand’ when hovering over a disabled menu item (fig. 1-2)
For use with dropdown and slide out menus only!Demos
Please visit this demo site
to see the stack in action.Usage
Add the stack to every page where you want to disable top level menu items (in other words: every page the visitor is supposed to be able to visit).
The NoLink stack now has three modes: classic
and advanced with custom selector
. Advanced mode (default) (fig. 6)
This mode is preferred in all new projects and really simple to use: to disable all
top level menu items that have submenu items, just add the stack to every page the visitor is supposed to be able to visit.
Contrary to the classic mode, there's no need to add a unique string like NoLink
to the link.Classic mode (fig. 7)
The functionality in this mode is identical to that of previous versions: for every menu item you want the link to be removed from, just include a unique text string (default: NoLink
) in the link, e.g. index_NoLink.html
or NoLink.htm (fig. 3)
. Alternatively, you can use the NoLink
in the folder name.
New in this mode is that you can change the string NoLink
. Keep in mind that the string must be unique for the links in the menu you want to disable and that the string is case sensitive!Advanced with custom selector mode (fig. 8)
I tried my best to make this stack in every theme, but there are more themes out there than I can possibly test. If this stack does not work as expected in advanced mode, you can use this mode to set the selector for the menu manually. This works as following:
- Select the advanced with custom selector mode in the HUD
- In Preview Mode, right-click (or control-click) the menu item for the home page and select Inspect Element (fig. 3).
- In the window with the page source that appears, look for the line containing <ul>, a few lines above the selected line (fig. 4).
- One line above that, you will find either id="SELECTOR", class="SELECTOR" or maybe just <nav> (the text between the quotation marks will not be SELECTOR!). In fig. 4, that is id="navbar".
- If you find id="SELECTOR", enter #SELECTOR in the custom selector field. (fig. 5)
- If you find class="SELECTOR", enter .SELECTOR in the custom selector field.
- If you find <nav>, enter nav in the custom selector field.
If you need help using this feature, please use this form
to send me a support request and I will do my best to find a solution.
If you need to use this mode and it works for you, please let me know, so I can use your information to update this stack.
Need help using it on a non-stacks page? Here’s a tutorial
- This stack does not combine well with themes or other stacks that offer similar functionality, including Joe Workman’s Foundation.
Please use this form
to report all issues, questions and comments.
This stack requires the Stacks plugin by YourHead
(version 2 or higher).