[Tutorial] Fixed Footer/Navbar w/ CSS3

reloadmydeagle Mar 8, 2015

  1. reloadmydeagle

    reloadmydeagle I LoVe GoldZ Lifetime Gold XPG Retired Staff
    0/47

    Joined:
    Oct 30, 2013
    Messages:
    1,608
    Likes Received:
    656
    Trophy Points:
    135
    Gender:
    Male
    Location:
    Texas
    Console:
    Xbox One
    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) */
    }
    
     
  2. XxStarzxX

    XxStarzxX Banned! BANNED
    205/282

    Joined:
    Mar 3, 2012
    Messages:
    6,119
    Likes Received:
    1,136
    Trophy Points:
    205
    Gender:
    Male
    Location:
    XPG
    Console:
    Xbox One
    Nice share Aprax ;)
     
  3. DanielQuinn

    DanielQuinn The Krafty one!
    0/47

    Joined:
    Sep 11, 2013
    Messages:
    1,902
    Likes Received:
    520
    Trophy Points:
    0
    Gender:
    Male
    Location:
    Under Your Bed
    Console:
    Xbox
    Great post Aprax.
     

Share This Page

Close