How to Create Drop-down Menu in Joomla
Rate this item

How to Create Drop-down Menu in Joomla

Today I will show you how to create a drop-down menu for Joomla 3 site. Especially you choose a parent menu in the process. I will create a drop down menu under Computer Components Main.

Create a Joomla Drop-down Menu

First go to the Joomla 3 administration area, go to Menus -> Main Menu -> Add New Menu Item.

How to Create Drop-down Menu in Joomla

Next you select the menu item type. To do this you click the Select button next to the Menu Item Type label.

How to Create Drop-down Menu in Joomla

A lightbox with the available menu items will appear. Select the Articles category and choose Single Article.

How to Create Drop-down Menu in Joomla

Now you have to choose the actual article you want to link to. To do this, first click on the Select button next to the Select Article label.

How to Create Drop-down Menu in Joomla

Once more a lightbox with all of your articles will appear. Choose the one you want to link to and click on its title.

How to Create Drop-down Menu in Joomla

The next step is to enter a title for the menu item. To do this fill in the field next to the Menu Title label. In our tutorial we will create a sub-menu named Computers.

How to Create Drop-down Menu in Joomla

Look for the Parent Item label and click on the drop-down menu next to it. Select the root menu for this new menu item and select the existing Item menu item as the parent.

How to Create Drop-down Menu in Joomla

Finally, click on the green Save button in the top left part of the page.

How to Create Drop-down Menu in Joomla

That’s it! You can now navigate to the front-end of your website and hover your mouse over the Products Menu. You will notice the newly created menu item appearing under it.

How to Create Drop-down Menu in Joomla

Create an Empty Parent Menu

You need to create a main menu item select Menu Item Type -> System Link -> External URL.

How to Create Drop-down Menu in Joomla

On the following screen, you need to fill in the hashtag symbol – “#” in the Link field and save that menu.You can add child elements to this menu item. The Product menu will not change the URL for another page, but will show sub menus.

How to Create Drop-down Menu in Joomla

 

That’s all!!! Let’s build your website right now.

 

Leave a Reply

Your email address will not be published. Required fields are marked *

Save 20% for PROs version on today, don't miss to save development time by Quickstart access and 1 year support service! EXPLORE ALL TEMPLATES!
[[Black Friday Sale!!!]] 50% OFF for Membership, access all templastes (PRO version) in lowest price! It's best time to join with us, Join Now!