Joomla 1.7 Drop Down Menus are not Working

by Elaine on September 26, 2011

And I thought I was going crazy.  I searched all the forums but no one really complained that their Joomla 1.7 drop down menus were not working properly.  My Joomla 1.7 drop down menus were non existent!  The child menus were always showing off to the right side, or even at one point they were overlapping each other.   I reinstalled my Joomla 1.7 three more times to make sure it wasn’t because I screwed up the installation.  Until finally I found the solution.  Simple as always.  It’s because the Joomla 1.7 default Beez_20 template does not handle drop down menus correctly.

Problem: See screenshot below.  Drop Down menus are not displaying properly in Joomla 1.7 Beez_20 template

cmsmind elaine dropdown menus beez20 not working Joomla 1.7 Drop Down Menus are not Working

Joomla 1.7 Beez20 Drop down Menu Not Working

Solution: Switch to a new Joomla template.  IE Install a new Joomla 1.7 Template.

cmsmind elaine drop down menu working Joomla 1.7 Drop Down Menus are not Working

Joomla 1.7 Drop Down Menus are Working

You can install any Joomla 1.7 template and the drop down menus should work.    I found my free Joomla template at ThemeGoat.   This template is called jMint and can be downloaded here.

Steps to get your “Top” menu drop down to work:

In Detail:

1.  Download Free Joomla Template

  • Go to the link to download the template from ThemeGoat
  • Download the template and DO NOT unzip it.

2.  Install Joomla 1.7 Template in Extensions Manager

cmsmind elaine free joomla 17 template mint Joomla 1.7 Drop Down Menus are not Working

Extension Manager - Install free Joomla Template -Mint

  • Login to your Joomla 1.7 administrator backend
  • Click on Extensions, Extension Manager, Install
  • Select the ZIP file from step 1
  • Click on ‘Upload & Install’

 

3.  Activate Joomla 1.7 Template in Template Manager

cmsmind elaine activate joomla 17 template free mint Joomla 1.7 Drop Down Menus are not Working

Template Manager - Activate Free Joomla 1.7 Template

  • Click on Extensions, Template Manager, Styles
  • Use the checkbox to select the template just installed
  • Click on the ‘Star’ – Make Default

 

 

 

 4.  Find the new module positions in Template Manager

  • Find the module positions for this new template installed on your Joomla 1.7 website
  • Click here to find out how to see What are the new Module Positions
  • Found out the new menu position is “menuload’

5.  Modify “Top” menu position to the new template module position in Module Manager

cmsmind elaine module manager top menu drop down menuload Joomla 1.7 Drop Down Menus are not Working

Module Manager - Top Menu Change Module Position

  • Click  on Extensions, Module Manager
  • Find and edit your “Top” menu
  • Fill in the following values:
        • Position = Menuload
  • Click on ‘Save & Close’

 

 

Now you can refresh your Joomla 1.7 website and see your drop down menus are working.

Thanks,

Elaine

 Joomla 1.7 Drop Down Menus are not Working

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

{ 10 comments… read them below or add one }

Bob Jude September 29, 2011 at 2:16 pm

This method does not work in J1.7 (There is no Top only Topmenu in J1.7)
Have also tried Hagen Grafs beginners guide method which also does not show top menu. The template view shows a menu bar but when viewed as template in Firefox/localhost/jupgrade/ there is only a black line
Website shown uses J1.5 as I am trying to develop an upgrade.

Reply

Elaine October 1, 2011 at 1:07 pm

Hi Bob,
I am using Joomla 1.7 and it works for Joomla 1.7. I am referring to the Top menu, the menu along the top that is shown when you install the sample data. Each template is different, so you will need to find the module positions that suits your needs.
Thanks for your visit,
elaine

Reply

Sir_Yaro October 1, 2011 at 12:51 pm

Thank You VERY MUCH Elaine!
I was looking for a almost two days why those damn menus doesn’t work!

Reply

Elaine October 1, 2011 at 1:04 pm

Hi Yaro,
No problem :) Glad it worked for you.
Thanks for your visit,
elaine

Reply

Poy October 8, 2011 at 1:26 pm

Thanks a lot, Elaine. It works great! Anyhow, I would like to know where to change the color of background and the menu box (green).

Reply

Armando October 31, 2011 at 5:08 pm

Thank You !

Now I’ll have tochange the colors….

Ciao ( From Italy)

Armando

Reply

Elaine November 3, 2011 at 9:45 pm

Hi Armando,
No problem. Thanks for your visit,
elaine

Reply

kamran morovati November 3, 2011 at 2:53 pm

thank u very much, this topic solved my problem

Reply

Elaine November 3, 2011 at 9:47 pm

Hi Kamran,
No problem.
Thanks for your visit,
elaine

Reply

David February 24, 2012 at 12:01 pm

Thanks a lot. This article has bn very helpful

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: