Custom Header and Footer Rendering Under Sidebar

[jlaura]

Custom Header and Footer Rendering Under Sidebar

[QuLogic]

The custom header and footer are outside the #body div that is the regular content. I had to copy the left margins from here:

hugo-theme-learn/static/css/theme.css

Lines 324 to 328 in e817f53

	#body {
	position: relative;
	margin-left: 300px;
	min-height: 100%;
	}

hugo-theme-learn/static/css/theme.css

Lines 1018 to 1055 in e817f53

	@media only all and (max-width: 59.938em) {
	#sidebar {
	width: 230px;
	}
	#body {
	margin-left: 230px;
	}
	}
	@media only all and (max-width: 47.938em) {
	#sidebar {
	width: 230px;
	left: -230px;
	}
	#body {
	margin-left: 0;
	width: 100%;
	}
	.sidebar-hidden {
	overflow: hidden;
	}
	.sidebar-hidden #sidebar {
	left: 0;
	}
	.sidebar-hidden #body {
	margin-left: 230px;
	overflow: hidden;
	}
	.sidebar-hidden #overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	}
	}

on to the footer div that I had in order to get it placed properly.