Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Re: Justified main menu items - V.6.0.4

Home › Forums › Older releases › 0.9.x › Justified main menu items - V.6.0.4 › Re: Justified main menu items - V.6.0.4

November 4, 2013 at 04:51 #1472
admin
Keymaster

Hi,

You can use the following – it will work in all browsers except IE7:

#Menu1 {
	display:table;
}
#Menu1 > li {
	display:table-cell;
	float:none;
	width:1%;
}
#Menu1 > li > a {
	padding-right:0 !important;
	text-align:center;
}

If you care about IE7, you can also add the following and it will fix the main menu for it so that it doesn’t look too bad:

/* IE7 main menu fix */
*:first-child+html #Menu1 > li {
	float:left;
	width:auto;
}
*:first-child+html #Menu1 > li > a {
	padding-right:15px !important;
}

Cheers!