Expanding Sub-Menus on Edugeek Joomla 1.5

[Griff]

Hi guys,

 

I have been searching for a good hour now and can't seem to find anything about how to expand the width of the sub menus in the edugeek joomla package. See the image below I need to either expand the menu so I can fit the whole text in or somehow expand the text space to allow all of it in.

 

Any ideas? had a good root around in the suffix.css but can't seem to find anything.

 

Thanks in advance

 

 

http://s7.postimage.org/gncxtocfv/lmsmenu.gif

[rush_tech]

Do you have a link to your site? I can't seem to get at the demo

[Griff]

THanks rush_tech heres the site itslearning

[Griff]

Spent most of the day trying to solve this going to investigate a new menu system if anyone has some recommendations post them up for me thanks

[Griff]

Well I have done it...after some struggle and here is how

 

You need to edit the suffix.css in the templates css folder on your site.

 

To expand the drop down menu from the main menu for example "Parents' you need to edit the following;

 

 

This will expand the drop down menu column allowing you to have longer headings for the menu items;

#topmenu ul li ul {

display:block;

height:auto;

width: 200px; changed from 'width: 16em;'

position:absolute;

z-index:99;

left: -999em;

color: #660000

 

 

 

After this change it will throw the menu out of line with the main heading of each menu item so you need to adjust the following;

 

#topmenu ul li ul ul {

margin: -40px 0 0 width: 200px; changed from 'width: 16em;'

 

 

 

Finally this may not be required by some people but I have a sub SUB menu coming off of one of the items in the Parents menu when I made these changes the menu was overlapping onto the sub menu so we need to reline that with the following;

 

#topmenu ul li li {

width:width: 200px; changed from 'width: 16em;'

 

sorted

Edited March 16, 2012 by Griff