Page 2 of 2

Re: [EXT] Fixed Header and Footer Navbar

Posted: 25 Mar 2017, 13:44
by Stoker
Steve wrote: 25 Mar 2017, 09:13 All you need is to reset the padding and margin.
Well, along with my attempts to do this, your example failed.

Re: [EXT] Fixed Header and Footer Navbar

Posted: 25 Mar 2017, 14:03
by Steve
Ok send me some files punk

Re: [EXT] Fixed Header and Footer Navbar

Posted: 25 Mar 2017, 14:09
by Stoker
Download added to first post

Re: [EXT] Fixed Header and Footer Navbar

Posted: 25 Mar 2017, 14:40
by 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 :mrgreen:

Re: [EXT] Fixed Header and Footer Navbar

Posted: 25 Mar 2017, 16:31
by Stoker
Steve wrote: 25 Mar 2017, 14:40 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 :mrgreen:
Thanks, that did the trick. Will add it on next update.

Re: [EXT] Fixed Header and Footer Navbar

Posted: 26 Mar 2017, 11:58
by Stoker
Updated to 1.0.2
Thanks Steve for the fix :thumb: