Twenty Fifteen, no sidebar

Twenty Fifteen is another great default theme that can be easily customized. I recently had to put up a quick site for my new themes site on halsey.co. I only wanted one or two pages, with a super simple layout.

I decided to just remove the sidebar (remove the widgets first) and center the content area. On mobile, all we need to do is remove the header. This also removes the “proudly powered by WordPress” footer, as there’re better ways to display that in this context if you want it. Here’s the CSS:

body:before,
#sidebar,
#colophon,
.entry-footer {
	display:none;
}

.site-content {
	margin: 0 auto;
	float: none;
	width: 100%;
	max-width: 1200px;
}

If you’re not familiar with CSS, the easiest way to implement this is to install & activate the Modular Custom CSS plugin, then go to the Customizer and add the above CSS to the “Custom Theme CSS” field.

25 thoughts on “Twenty Fifteen, no sidebar

  1. thanks for your good posting
    can i ask you one more?
    i could do this by your advice

    but i want to display my footer
    CSS code that you offer remove footer.
    is it possible?

  2. This is a cool edit, but when if you want a legit header? How can You have a header on the the top?

  3. Thanks for posting! I’m currently using the twenty-fifteen theme. Ultimately, I’m wanting my site to format exactly how it appears on mobile and tablets. Does that make sense and is it possibly? Thanks again!

Comments are closed.