3 replies [Last post]
street9009
Offline
newbie
Last seen: 4 years 9 weeks ago
Timezone: GMT-4
Joined: 2006-03-28
Posts: 5
Points: 3

I followed the following Joomla article to create a CSS drop down menu and it's working pretty well, except that when you go to click a menu option, the menu closes.

The website is hosted on my personal PC but I opened it up to the world so that it could be seen.

Link is http://aeon.homelinux.net:880/redcross/.

Would appreciate any help anyone could provide.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 8 hours 33 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5147
Points: 2745

Hi street9009, The problem is

Hi street9009,
The problem is that the cursor looses focus moving from the top level menu to the one below.
So you will need to play with heights an position to get it working.
As a starting point try:

#mainlevelmainnav li ul {
  top:150px;
} 

street9009
Offline
newbie
Last seen: 4 years 9 weeks ago
Timezone: GMT-4
Joined: 2006-03-28
Posts: 5
Points: 3

Yea, I see what you mean, but

Yea, I see what you mean, but the problem with doing it that was is there's overlap. I made the top 165px because the sub-menu was slap on top of the menu that was open. The 150px works, but now it overlaps the menu that's open.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 8 hours 33 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5147
Points: 2745

So this is where you need to

So this is where you need to start adjusting heights etc to get it working as you want.
For example adjusting the height of the top level menu so that the gap between the top menu and the other is less then it currently is.
You may also have to play with line-height or padding.