Rate this item

Check out 65+ FREE Joomla! templates See 60+ FREE WordPress themes

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.

 

Join Joomla! Club (50% OFF on today) Join Joomla! Club (50% OFF on today)

Leave a Reply

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

Are you Web Design Company or Freelancer Web Design, or just have many Customers? Join Membership, access all PRO templates and save 95% cost than single PRO license purchase!

Joomla! Club Wordpress Club

[Flash Sale!] 20% OFF for PRO order, 50% OFF for Membership! Limited time, hurry up! Save money for your order on today!
[Summer Sale!] Save Development Time with PRO version! Get PRO License and Save 20% cost on today!