Quote:
Originally Posted by lmilesw
I am not sure how you would do that with a variable width site. I have always just wrapped the %page-center in a div and style it as needed. If you want the menu to be spread out as in your screen shot then you will have to do something like the following but you would need to have a fixed width to the site and tweak the padding. You might still have to wrap %page-center in a div and give it a background color and width to make the bar totally black.
HTML Code:
#rmenu2 li {padding-right:50px;padding-left:50px;}
|
Thank you Larry. I have changed my site to a fixed width of 1000px, and added this code to my CSS inserts:
HTML Code:
div#menu1 {
background: #000000;
border: solid;
width: 1000px;
}
This gives me the menu bar that stretches, in black, across the body (good), but now puts all of my menu items on the far left (bad) and not spaced out at all (also bad). For what it's worth, in ATO > Style & edit HEADER AREA, I do have the page menu set to "%page-center".
This is what it looks like now:
http://www.backyard-hockey.com
Thanks for your help so far.