[Hans]

Hi reader,

Is it possible to change width of the sidebars and keep the main content centered on the page.
If I change the witdh of the right sidebar or the with of the main content, the content moves to the right page side.
I tried to add css, but I failed.

Kind regards

Hans Hagmeijer

[Sakin]

@toerfiets: Ok try adding following css in “Appearance => Customize => Additional CSS” box:

@media screen and (min-width: 1200px) {
	.content-area {
	    width: 840px;
	}	
	.site-main {
	    width: 540px;
	}	
	.sidebar.sidebar-secondary,
	.sidebar-primary {
		width: 300px;
	}
}

@media screen and (min-width: 1360px) { 
	.content-area {
	    width: 960px;
	}
	.site-main {
	    width: 620px;
	}
	.sidebar.sidebar-secondary,
	.sidebar-primary {
		width: 340px;
	}
}

[Hans]

Thank you for prompt answering Sakin.
I will try this.

Kind regards

Hans Hagmeijer

[Hans]

Hi Sakin,

This worked fine. Thank you for helping.

Kind regards

Hans Hagmeijer

[Sakin]

that’s nice it’s working. Cheers 🙂

[Author]

Posts