Adjusting for screen resolution

this is controlled by the theme’s CSS files;

Twenty Fourteen for example is set to a maximum width of 1260px; see style.css about line 800;

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

.site {
	background-color: #fff;
	max-width: 1260px;
	position: relative;
}

That sounded good but I tried it by creating a child theme and adding the empty style.css to it then added the change you recommended. No dice. I tried clearing the browser cache and reloading and it still didn’t come up right. Finally I made the change from 1260 to 1440 in the style.css in the parent theme’s home and it still doesn’t change the original problem. Any thoughts?

What was the CSS you added in your Child Theme style.css file for this change?

added the change you recommended

I did not recommend any change – the posted code is what you’ll find in the unedited theme.

you need to add the same style to the child theme’s styles with a wider width.

don’t edit the parent theme; always clear the browser cache.

can you post a live link to illustrate what you have right now?

Oops, never mind I figured it out. First, I forgot to activate the child theme after I created it, second, I also had to change the max-header width from 1260 to 1440 as well. That seemed to take care of that problem.

Thanks for the help.