diff --git a/public/css/main.less b/public/css/main.less index b4959a4aad5..c760c29b670 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 8e1bfc9f8e4..d60a4226016 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