diff --git a/public/css/main.less b/public/css/main.less index 79c82a3e23..53ec307dc9 100644 --- a/public/css/main.less +++ b/public/css/main.less @@ -237,10 +237,10 @@ ul { } .navbar-right { - @media (min-width: 767px) { + @media (min-width: 768px) { padding-right: 50px; } - @media (max-width: 991px) and (min-width: 767px) { + @media (max-width: 991px) and (min-width: 768px) { position: absolute; right:0; margin-right: 10px; @@ -249,6 +249,7 @@ ul { } .navbar { white-space: nowrap; + border: none; } .panel-body { @@ -494,6 +495,12 @@ thead { } } +.hamburger-dropdown { + @media (max-width: 768px) { + margin-top: -5px; + } +} + //uncomment this to see the dimensions of all elements outlined in red //* { // border-color: red; diff --git a/views/layout.jade b/views/layout.jade index 8ff03c4c46..9d01e2974e 100644 --- a/views/layout.jade +++ b/views/layout.jade @@ -1,10 +1,10 @@ doctype html html(ng-app='profileValidation') head + script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js') script(src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js") script(src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js") script(src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.min.js") - script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js') link(rel='shortcut icon', href='//s3.amazonaws.com/freecodecamp/favicon.ico') link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css') link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css') diff --git a/views/partials/navbar.jade b/views/partials/navbar.jade index a4d61d9cce..6de20d319f 100644 --- a/views/partials/navbar.jade +++ b/views/partials/navbar.jade @@ -9,7 +9,7 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height a.navbar-brand(href='/') img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg') .collapse.navbar-collapse - ul.nav.navbar-nav.navbar-right + ul.nav.navbar-nav.navbar-right.hamburger-dropdown - if (!cc) li a(href='/challenges/0') Challenges