From dc9296146e6494209b8cfbb38d595ef441ceff60 Mon Sep 17 00:00:00 2001 From: Michael Q Larson Date: Tue, 30 Dec 2014 13:15:22 -0800 Subject: [PATCH] navbar is fully responsive and does not wrap --- public/css/main.less | 8 ++++++++ views/partials/navbar.jade | 11 +++++------ 2 files changed, 13 insertions(+), 6 deletions(-) diff --git a/public/css/main.less b/public/css/main.less index b4959a4aad..c760c29b67 100644 --- a/public/css/main.less +++ b/public/css/main.less @@ -224,6 +224,14 @@ ul { } } +.navbar-right { + @media (max-width: 991px) and (min-width: 767px) { + position: absolute; + right:0; + margin-right: 10px; + white-space: nowrap; + } +} .navbar { white-space: nowrap; } diff --git a/views/partials/navbar.jade b/views/partials/navbar.jade index 8e1bfc9f8e..d60a422601 100644 --- a/views/partials/navbar.jade +++ b/views/partials/navbar.jade @@ -1,12 +1,11 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height .container .navbar-header - if user - button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse') - span.sr-only Toggle navigation - span.icon-bar - span.icon-bar - span.icon-bar + button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse') + span.sr-only Toggle navigation + span.icon-bar + span.icon-bar + span.icon-bar a.navbar-brand(href='/') img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg') .collapse.navbar-collapse