This is the code for centering any type of full page width object such as a navbar or footer. If you don't know what "fixed" means, it's where the object is always on your screen, even when you scroll (it follows the screen). Enjoy Code: .navbar-or-footer { position:fixed; left:0px; bottom:0px; height:30px; /* Can change to what you want */ width:100%; /* Can change to what you want */ margin:0 auto; /* Centers object on page if it's less than 100% width (Optional) */ }