[EXT] Fixed Header and Footer Navbar

Extensions & Styles for phpBB 3.2.X maintained and supported by Stoker
User avatar
Stoker
Site Admin
Site Admin
Posts: 3,845
Joined: 12 May 2008, 21:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark

Re: [EXT] Fixed Header and Footer Navbar

Post by Stoker »

Steve wrote: 25 Mar 2017, 07:13 All you need is to reset the padding and margin.
Well, along with my attempts to do this, your example failed.
~ The greatest achievement in life is to inspire ~
Regards Stoker
User avatar
Steve
Supporter
Supporter
Posts: 1,120
Joined: 04 Mar 2010, 23:10
BBCodes: 2000
Favourite BBCode: p**n tube
Favourite MOD: Non of Stokers
Location: In your back pocket

Re: [EXT] Fixed Header and Footer Navbar

Post by Steve »

Ok send me some files punk
That code will get fixed...
User avatar
Stoker
Site Admin
Site Admin
Posts: 3,845
Joined: 12 May 2008, 21:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark

Re: [EXT] Fixed Header and Footer Navbar

Post by Stoker »

Download added to first post
~ The greatest achievement in life is to inspire ~
Regards Stoker
User avatar
Steve
Supporter
Supporter
Posts: 1,120
Joined: 04 Mar 2010, 23:10
BBCodes: 2000
Favourite BBCode: p**n tube
Favourite MOD: Non of Stokers
Location: In your back pocket

Re: [EXT] Fixed Header and Footer Navbar

Post 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:
That code will get fixed...
User avatar
Stoker
Site Admin
Site Admin
Posts: 3,845
Joined: 12 May 2008, 21:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark

Re: [EXT] Fixed Header and Footer Navbar

Post by Stoker »

Steve wrote: 25 Mar 2017, 12: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.
~ The greatest achievement in life is to inspire ~
Regards Stoker
User avatar
Stoker
Site Admin
Site Admin
Posts: 3,845
Joined: 12 May 2008, 21:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark

Re: [EXT] Fixed Header and Footer Navbar

Post by Stoker »

Updated to 1.0.2
Thanks Steve for the fix :thumb:
~ The greatest achievement in life is to inspire ~
Regards Stoker