Menupilator Stackmanipulate menu items on the page
The Menupilator Stack is like a Swiss army knife when it comes to changing menu items on a page. You can change or disable the link, hide it, change its text and appearance…
This is extremely handy when you want to
DemoOn this page, the text and border colors of the menu are changed with Menupilator Stack. Besides that, the menu item add to cart (created by adding an offsite page) is changed to open the shopping cart (fig. 1).
More demos of the many possibilities of this stack can be found on the demo site.
also useful to make a menu item trigger a lightbox, a shopping cart, etc.
for disabling the link to the current page in the menu, turning a toplevel menu item into a placeholder, a ‘coming soon’ menu item…
when you want to change the appearance of the menu item only (or the link’s attributes, see below)
Simple inline HTML like
<b></b>or the code for a FontAwesome icon can also be used.
This is useful when you want to show a menu item only when it’s immediately visible, but not when it’s hidden inside a menu for a small screen. In those cases, you can show an alternative link on small screens only using my MediaQueries Stack.
See demo page 3a for an example where titles are added to the menu items to show tooltips created with TippyTitle Stacks.
noMPto this link to prevent this (fig. 2).
More on this and an example on demo page 3b.
ASAIK, this concerns some themes by Henk Vrieselaar (now sold by ThemeFlood): ABC, Banx, Cefalus, Elite, Fuld and Foton, but there may be more.
Oh, and before you ask: yes, the stack does work with Foundation, see demo page 3d for an example.
Alternatively, consider using double straight quotes ( " ) or curly quotes ( ‘ ’ ).
fig. 2: Adding a class ‘noMP’ to a link in an unordered list prevents the Menupilator Stack from manipulating it.