Quote:
How can I center the main menu? The template options only allow for a left or right align, but we need a centered menu.
|
If you have only parent categories or links, in skin/reboot/css/menus/menuzord.css
Replace...
Code:
.menuzord-menu{
margin: 0;
padding: 0;
float: left;
list-style: none;
}
/* Right alignment */
.menuzord-menu.menuzord-right{
float: right;
}
/* Menu items */
.menuzord-menu > li{
display: inline-block;
float: left;
}
With...
Code:
.menuzord-menu{
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
/* Right alignment */
.menuzord-menu.menuzord-right{
float: right;
}
/* Menu items */
.menuzord-menu > li{
display: inline-block;
}
Demo
If you have dropdowns or mega menus, you'll need some extra CSS tweaks to align them better, which I'll post when I have time.