Menu Question

We have a secondary menu for one of our sites and would like to be able to either gray out the menu item when you are on the page of that menu item or not have it as a link.

Similar to the main menu functionality.

Example:

http://moonlight.versist.net/index.php/ ... -relations

Menu on the right side.

IS there a way to do this/

If i understood you correctly you just want to let people know they are already on that link (page). This can be done by css and javascript however javascript method needs customization and takes longer so following is by using css.

Going by your website following is what is happening and what you can do.

If i go to your example link what you posted below, sub menu on the right hand-side gets "active" css class applied. In that case you can use following css code in your override.css file. ( see bottom of the post for using override.css )

Code: Select all

#gkWrap2 .box ul li.active a {
    opacity: 0.5;
    text-decoration: underline;
}


However if a user user clicks on your "Services" menu item then towards to bottom click on box "Investor Relations" css class gets changed to "item-xxx" xxx is a number. In this case it gets "item-296" so then there is nothing to distinguish between each current page/active link.

So this needs further testing. Can you add another sub menu on about us page and then we can see how the final html rendered.
So "about us" main item you have 4 sub items. So create a new menu module make links same as what you have under "about us" and position to show only under "About us " and its sub items.

override.css = /templates/gk_finance_business/css/override.css
Enable Override Feature = Joomla Admin > Extensions > Template Manager > Gk Finance Default > Advanced Settings > Css Override " On".

See you around...

Thank you. That worked. I setup another menu for About Us as you asked.

Because this worked for the Investor Relations item, I will do the same for all items in the right hand side menus.

I must add one more clarification to my previous post. This solution only work if you are using the secondary menu. The first time you click on the link to the item in the Services section from the Services page, it does not work.

Once you use the right side menu and link to another page, then the opacity change works. Is there a way to get it to work from the first click?

thanks

I have just noticed this in your url "services-hidden". Are your services item belong to another menu. Why not just create your services items under your services main menu item then it should work as you wanted i believe.