$counter: true; //false to hide percentage #navigation { position: fixed; top: -66px; left: 0; right: 0; width: 100%; height: 60px; background-color: #006699; box-shadow: 0px 3px 3px 0px rgba(21, 21, 21, 0.1); /* # #Edit these to change CSS transition delay, speed, and type # */ transition: top .25s ease .5s; } #navigation p { text-align: center; color: #fff; } #percentageCounter { @if $counter == true { position: fixed; } @else if $counter == false { display: none; } bottom: 10px; right: 10px; } h1 { font-size: +2em; } .content { width: 30%; margin: 0 auto; padding: 10px; border: 1px solid #000; background-color: #f5f5f5; } p { margin-bottom: 1em; } * { font-family: 'Open Sans', sans-serif; }