Making the menu bar full width (but header and content both smaller)
 

Is there any way I can configure the menu bar to span the entire width of the browser, setting a specific height for it as well, but maintaining my header and content to be smaller?

I'm looking for something like this: (not Atahualpa theme) for the menu bar.

In 3.7.13 you have the option of making the header full width. Do that then center the header images and menu.

Ah, yes I missed this new change. BUT when I make the header full width and center the menu bar, the grey background of the menu bar only goes as wide as the button items. I want the grey background bar to go full width as well. Can I do that? Also, can I change the height of it, so that it looks like a bar rather than a highlight under the categories?

what is the URL?
go to ATO->Export/Import copy the export settings to a TEXT file and save it to an attachment in your reply (use the paper clip icon)

You could set the width to the imagecontainer (and other elements as desired and center with CSS (margin: 0 auto;)

url: http://teachingwhatisgood.com

Here's the text file. Now I switched it back to "normal" until I figure out what to do.

The example site you show has the background across the page. On your site you have a background and then the contents area is a different style altogether, so I'm not sure what you are trying to end up with.

I do this all the time using an image that is 1 px wide and in this case about 329px high

Here is my css

body{
background-image: url("http://yoursite.com/background.jpg");
background-repeat:repeat-x;
background-position:top;
background-attachment:fixed;
}

The first skinny one multiplied many times will give the impression of a block of color

#1 makes it look as if the menu goes right across, but it is an image repeated many times.
http://jacksononthemoon.com/bytesforall/background.jpg http://jacksononthemoon.com/bytesforall/background2.jpg

SharonJ;

Good 'trick', I always forget about building a small (skinny 1px) graphic then have it repeat. Nice reminder. Thanks!

You are welcome!

You can set the background color for a centered menu with CSS.

Say you set your header for full width AND use %page-center to set the background color of the menu to be full width just add to the CSS Inserts
where you replace rrggbb with the color you want.