Before submitting a support request for the NoLink Stack, please read the following

  • The Nolink Stack must be on every page your visitor can see, not on the page you want to disable in the menu. Please make sure that that is the case.
  • Whenever possible, please include an URL to a page with the NoLink Stack that is not working, preferably with the ‘advanced mode’ selected in the stack.
NoLink Stack

NoLink Stack

turns top level menu items with subpages into placeholders
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!

Please visit this demo site to see the stack in action.

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, advanced 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, services-NoLink.html, productsNoLink.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.

  • When the visitor has JavaScript disabled in his browser, the stack will not work and the link to the page in the menu will stay active. For this rare circumstance, it is recommended to put links to the underlying pages on the ‘disabled pages’. More on this on the demo site.
  • 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).
Do you like this stack? Please consider leaving a review in the RapidWeaver Community’s Addons section [link].
NolinkPlus hand
fig. 1: cursor ‘hand’

NolinkPlus pointer
fig. 2 cursor ‘pointer’

NoLink: Page Inspector
fig. 3: Unique string in classic mode

fig. 4

fig. 5
NoLink HUD: advanced mode
fig. 6: advanced mode

NoLink HUD: classic mode
fig. 7: classic mode

NoLink HUD: advanced with custom selector mode
fig. 8: advanced with custom selector mode
© 2012-2018 Marathia Web Design | Contact