Hide table of contents sidebar

  • Resolved edobejar

    (@edobejar)


    5 years, 7 months ago

    Hi,

    How do you permanently hide or remove the table of contents sidebar? I mean, hide it and replace the space with a wider middle bar.

    I was trying to do this with CSS, but when I click on a paragraph to comment, the middle bar returns to its original place.

    I tried this with the modern an flat commentpress themes.

    Thanks!

    EB

Viewing 1 replies (of 1 total)
  • Plugin Author Christian Wach

    (@needle)

    @edobejar Hmm, that’s a pretty complicated modification.

    To remove the sidebar you’d have to override some templates, Javascript functionality as well as apply some CSS overrides. Also, I’m not sure how you’d then navigate your site.

    To hide the sidebar, you’d need to override the CSS that defines the columns and their behaviour and define new breakpoints so that the three column layout isn’t activated.

    I know this doesn’t answer your query directly, but I’ve done the opposite (hiding the activity/comments sidebar) to give the central column more room on this site with a custom template and similar CSS to that which you’d need to write:

    body.page-template-full-width #header,
body.page-template-full-width #switcher,
body.page-template-full-width #wrapper {
	width: 84%;
}

body.page-template-full-width #footer {
	width: 84%;
}

@media (max-width: 1400px) {

	body.page-template-full-width #header,
	body.page-template-full-width #switcher,
	body.page-template-full-width #wrapper {
		width: 100%;
	}

	body.page-template-full-width #footer {
		width: 100%;
	}

}

body.page-template-full-width #switcher ul li.activity-item {
	display: none;
}

    Hopefully you can see from this how to manipulate the columns and can apply that to the Table of Contents column instead.

    Cheers, Christian

Viewing 1 replies (of 1 total)
  • The topic ‘Hide table of contents sidebar’ is closed to new replies.