Re: [EXT] Fixed Header and Footer Navbar
Posted: 25 Mar 2017, 13:44
Database and Demo for phpBB3 BBCodes, Mods and Smilies
https://phpbb3bbcodes.com/
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;
}
}
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;
}
}
padding: 2px 5px !important;
to your requirements Thanks, that did the trick. Will add it on next update.Steve wrote: ↑25 Mar 2017, 14:40 fixedheader.cssfixedfooter.cssCode: 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; } }
adjust paddingCode: 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; } }
padding: 2px 5px !important;
to your requirements