Change width of main menu items

Is there a way to change the width of the main menu items? Some of my menu item names are long ( ie. Knowledge Centre, Contest Preparation etc.) and I have 9 menu items.

If I could reduce the width of the items and have the text wrap on two lines it would be ideal.

Thanks

Hi,
you can try add to override.css

Code: Select all

.gkMenu > ul > li {
width:50px;
}


and seto your own width value. But you have to remember that main menu elements have set hieght so you probably need to increase height value to. Alternative way is to decrease size of font. You can do this adding to override.css

Code: Select all

.gkMenu > ul > li {
font-size: 16px;
}


and decrease this value. Remember to enable override.css option in template settings.

Thanks Konrad. That is what I was looking for.