Hi all, I am trying to figure out how to simply center my menu. the website is www.blackfridayo.com
I simply want to center the menu not spread it out.
The other issue is I want the border 1px line to be removed under the menu items so the menu items will look like a file folder tab when live. Any help? I searched for an answer but only could find 2-3 year old answers for centering and spreading out the menu items.
Thanks,
Allynmey

There are several ways to do that. One is to use %page-center instead fo %pages for the menu. You will probably have to fiddle with CSS to "clean it up". Another which should work as long as you don't add menu items is by adding the following, in your case, to ATO>Add HTML/CSS Inserts>CSS Inserts. I only could do a virtual test however.

#header {
    background: #c67b0b;
}
#menu1 {
    width: 762px;
    margin: 0 auto;
}

Thanks Larry, that worked just fine. The last thing on menus... If the 1px item underneath the menu was gone, the active menu items would look like folder tabs. To me, that would be awesome! any ideas?

Allyn

Try adding the following to the CSS Inserts

#rmenu2 a {
    border-bottom: none !important;
}

Larry that works great! There is one problem with it though. there is a 1px extention of the header color before and after the menu. I fixed that by enabling %bar2 in the header properties and changing it to the same color as the body below. It makes it a perfectly smooth line across.

Thanks for all your help. This one should be bookmarked for future use!

try

div#menu1 #rmenu2 li a { border-bottom: solid 1px white; }