Twenty Eleven and Full Width Size Page to Fit Whole Screen

Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.

true, second install the “PC Custom CSS” plugin so you can write your hacks and see how they effect the site.

There are other ways around this issue without effecting the size. Make note that changing the size effects how it looks on EVERY browser.

have you tried going to “appearance” and using the theme options to change the background to lite or white?

Great, thanks!

Yes, I thought about changing the background to white but it’ll look weird in the header area. I just want the page to expand 100%. I’ll get that plugin. Thanks again!

Well, that did not work. I’ve tried everything for days now and still the problem persists. I have the theme set up on “content to left, one side bar” Any ideas?

Great! I have a child theme now, still page won’t expand. https://www.priscillapwood.com

I have this:

#page { max-width: 1200%; }

What am I missing?

Thanks!

What am I missing?

change the body padding:

body {
	padding: 0;
}

Right on, you did it! I have asked about 25 people in the past 4 days about this and my site kept looking funkier and funkier, I was so stressed out but you did it!

Thank you so much!!!

One more question, I have the main menu in a two tier style, I want it in one tier, how can I do that?

https://www.priscillapwood.com

Thanks!

The items in your menus are just taking up too much space. You can rename some of them, or try using
#access a { padding: 0 1.1125em; }

the main menu

there is a bit of a margin here in style.css:

#access div {
	margin: 0 7.6%;
}

reduce the value by adding a new style to style.css of your child theme;

example:

#access div {
	margin: 0 1.6%;
}

obviously, in a narrower screen, the menu will again spread over two lines…

This worked perfectly! Thank you everyone for all your help.