Joomla 1.7 Tutorial – How to Make the Parent Menu Item Not Clickable

by Elaine on September 27, 2011

Here is quite the challenge.  The Joomla 1.7 parent menu items are always linked to either a component or article/category.  How do you create a parent menu item that is not clickable or linkable to anywhere.  The steps are fairly easy.  You just need to create the parent menu item as an External link that links to no where.  After you create the unclickable parent menu item, you can place child drop down menu items under the parent. This example is using the free Joomla 1.7 Template jMint.  See my screenshot below:

cmsmind elaine parent menu item not clickable Joomla 1.7 Tutorial   How to Make the Parent Menu Item Not Clickable

Joomla 1.7 - Parent Dropdown Menu Not Clickable

Overall Steps to Complete this:

Below are the detail steps to create a non clickable parent menu drop down menu.  I will use the “Top” Menu and create the same “Parent Not Clickable” menus.

1. Create a New Parent Menu Item in Menu Manager

cmsmind elaine 1 menu manager parent not clickable Joomla 1.7 Tutorial   How to Make the Parent Menu Item Not Clickable

Joomla 1.7 - Parent Menu Item Not Clickable External URL

  • Login to your Joomla 1.7 Administrator Panel
  • Click on ‘Menus’, ‘Top’, Add new menu item
  • In the Menu Manager, New Menu Item, fill in the following values;
      • Menu Item Type = External URL
      • Menu Title = Cmsmind Parent Not Clickable
      • Link = #
      • Menu Location = Top
      • Status = Published
      • Access = Public
      • Parent Item = Menu Item Root
  • Click on ‘Save & Close’

 2.  Create New Child Menu Items in Menu Manager

cmsmind elaine 2 menu manager parent not clickable child Joomla 1.7 Tutorial   How to Make the Parent Menu Item Not Clickable

Joomla 1.7 - Parent menu item not clickable - create child menu

  • Click on ‘Menus’, ‘Top’, Add new menu item
  • In the Menu Manager, New Menu Item, fill in the following values
  • Menu Item Type = Category Blog
  • Menu Title = Cmsmind Child Menu Item 1
  • Status = Published
  • Access = Public
  • Menu Location = Top
  • Parent Item = Cmsmind Parent Not Clickable (Menu created in step 1)
  • Choose a category = Joomla!
  • Click on ‘Save & Close’

After you refresh your Joomla 1.7 website you will see your new Parent menu item.  If you click on the parent menu item it will not go anywhere except remain on the same page you are on.  When you mouse over the parent menu item, the drop down menu will expand and display the child menu items.

Thanks,

Elaine

 Joomla 1.7 Tutorial   How to Make the Parent Menu Item Not Clickable

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 5 comments… read them below or add one }

Marsiuu November 28, 2011 at 12:18 pm
yogesh rana January 17, 2012 at 8:50 am

i follow your steps but its not work in my site. now what i do more for that ?

Reply

Kevin Dawe April 10, 2012 at 2:32 pm

Thanks for the excellent trick about using the external url to create a non clickable menu level. However, after having used this a few times I found that sub-menu items seem to add in the creation date in the url of the article which makes it look very messy. Is there anyway of stopping the extra information getting used in the article url?

thanks,
Kevin

Reply

Jose Garcia November 20, 2012 at 12:25 pm

Here is simpler answer: instead of linking to anything, choose “text Separator” instead of “external link”

Reply

William Mitchell April 11, 2014 at 7:29 pm

You are a beautiful, beautiful, person. Thank you!!!

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: