[EXT] Fixed Header and Footer Navbar

[Stoker]

All you need is to reset the padding and margin.

Well, along with my attempts to do this, your example failed.

[Steve]

Ok send me some files punk

[Stoker]

Download added to first post

[Steve]

fixedheader.css

Code: Select all

/*
* Fixed navbar in header and footer
*/
@media (min-width: 700px) {
	#page-header > .navbar {
		position: fixed;
		top: 0;
		left: 0;
		border-radius: 0;
		z-index: 500;
		width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	}
	.nav-main, .nav-breadcrumbs {
		padding: 2px 5px !important;
	}
	#wrap {
		margin-top: 60px;
	}
}

fixedfooter.css

Code: Select all

/*
* Fixed navbar in header and footer
*/
@media (min-width: 700px) {
	#page-footer > .navbar {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		border-radius: 0;
		z-index: 500;
		width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	}
	.nav-footer {
		padding: 2px 5px !important;
	}
	#wrap {
		margin-bottom: 20px;
	}
}

adjust padding padding: 2px 5px !important; to your requirements

[Stoker]

fixedheader.css

Code: Select all

/*
* Fixed navbar in header and footer
*/
@media (min-width: 700px) {
	#page-header > .navbar {
		position: fixed;
		top: 0;
		left: 0;
		border-radius: 0;
		z-index: 500;
		width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	}
	.nav-main, .nav-breadcrumbs {
		padding: 2px 5px !important;
	}
	#wrap {
		margin-top: 60px;
	}
}

fixedfooter.css

Code: Select all

/*
* Fixed navbar in header and footer
*/
@media (min-width: 700px) {
	#page-footer > .navbar {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		border-radius: 0;
		z-index: 500;
		width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	}
	.nav-footer {
		padding: 2px 5px !important;
	}
	#wrap {
		margin-bottom: 20px;
	}
}

adjust padding padding: 2px 5px !important; to your requirements

Thanks, that did the trick. Will add it on next update.

[Stoker]

Updated to 1.0.2
Thanks Steve for the fix