Sun, 2010-09-19 00:04
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.
Sun, 2010-09-19 23:30
#1
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; }
Mon, 2010-09-20 00:20
#2
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.
Mon, 2010-09-20 01:44
#3
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.