Delete blank area on the right side of site

Your website most likely has the page width set to the default value of 1260 pixels and is aligned to the left side of your screen. I think what you should do is center your site on the screen and make changes to the background so that it compliments your site. Remember that the size of the screen will vary from computer to computer.

You can do all of that and more with a plugin called Fourteen Extended.

https://www.ads-software.com/plugins/fourteen-extended/

Thank you that worked well, but now I have huge margins in my content area. I would imagine that using this plugin will override my custom css in my child theme right? So how would I change these margins?

It is one of the options that are offered by the same plugin. You can find it under “TwentyFourteen Content Options”

Thank you Bob that helped a lot. The only thing I am having an issue with now is my mobile layout is only about 25% of the page width. I though it could be my custom menu making it do that but when deactivating the plugin The width is still only about 25% of the screen.. I tried messing with the mobile layout options in the fourteen extended plugin but no luck. Any ideas?

I can’t help you with that. I haven’t got that far myself. The only thing I can offer on that may be contained in this link.

https://premium.wpmudev.org/blog/how-to-make-twenty-fourteen-or-any-other-wp-theme-super/

Let us know if you have any success with this.

Is there a way to go about doing this in just style.css of a child theme? thanks!

Britney

Try this

#page {
margin-left: auto;
margin-right: auto;
}

Britney that’s what I was really trying to find out because although the fourteen-extended plugin works for the desktop site, it is completely unproportionate on a mobile view…

Bob, I have already tried a few different options such as
#page {
margin-left: auto;
margin-right: auto;
}
and a few others as well… nothing seems to be working ??

hello,
site in the center
edit style.css

.site {
margin: auto;
}

Hi, everyone keeps saying to use the Fourteen Extended to center the site, but I have tried that plugin and clicked the box for centering the site,hit save and as far as I can see my site remains off to the left. What am I doing wrong?

here is my site https://silkroadvisions.com/

@silk7, See if you can get help from that plugin’s support section: https://www.ads-software.com/support/plugin/fourteen-extended#postform

@andrew – thanks for such a prompt reply. I actually found that ZqqC’s CSS fix (above) worked so I will go back and use that for now. The plugin support site looks pretty busy, and I am not sure I want to continue with twenty fourteen anyway. I may go back to Twenty Ten!

ZzqqC’s CSS fix can be applied safely to your Jetpack plugin’s “Edit CSS” option, or for anyone else install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin

Then use its “CSS Code” section of the dashboard to hold your CSS modifications.

Thanks again, Andrew. I am new to CSS and going to approach this very carefully but will install the plugin you suggest tomorrow/today!

View post on imgur.com

As you can see there is a bunch of gray section to the right. Am I the only one that can see this?

Thanks.