hi, i was wondering if it is possible to space out the menus to spread across the page evenly. I dont have many page menus so i think it looks a little weird having them all bunched up on the left. so anyway to spread them out? thanks

I am also wondering how to do this. thanks!

Not evenly in the sense that the distance changes automatically depending on the amount of menu tabs, but you can give each menu tab a fixed left or right margin at HTM/CSS Inserts -> CSS Inserts:

ul.rMenu li {
margin-right: 50px;
}
/*reset for submenus*/
ul.rMenu li ul li {
margin-right: 0;
}

I'd be interested in a "supported" solution to this as well. In the mean-time, I've kludged this together and it works for me...

Under "Page Menu Bar" options, "Font Size & Face," I replaced the default:
11px Arial, Verdana, sans-serif
with:
6px Arial, Verdana, sans-serif; font-weight: bold; width: 9em; text-align: center

Which gives even-spacing (with the width attribute), and also centers each page title (with the text-align attribute) in each menu box.

ETA - Hi, Flynn! Looks like I was too slow on the draw and you already replied!

Hi ,

I would also like this feature in my menu.

Thanks

I had posted a similar question and Flynn, you solved in aces here! I didn't think of the reset of the sub-menu list! I would suggest a modification to Flynn's fix though. Using a fixed spacing wouldn't work for me so I added the following instead...

/* space menu items across width */
ul.rMenu li {
width:10%;
text-align:center;
}
/*reset for submenus*/
ul.rMenu li ul li {
width:10em;
margin-right: 0;
}

I have a liquid layout and with a fixed menu item margin in a 1024 width browser the menu would wrap... So I instead made the menu item a percentage (10% in my case i.e. 100/#menu items=percentage), aligned the text and in the reset, coded the sub-menu width back to 10em

Works great for me! Thank you Flynn!

Ken

This is getting closer and closer to what I wanted in the first place, myself... However, using any of these methods we have discussed so far, I still have an empty cell (albeit very, very small) on the far right of the menu bar. Is it possible to completely eliminate that final empty cell?

You can give the first item a specific style with CSS

li:first-child {
...
}