diff --git a/datacenterlight/static/datacenterlight/js/main.js b/datacenterlight/static/datacenterlight/js/main.js
index e19f3ddd..2c66b13f 100644
--- a/datacenterlight/static/datacenterlight/js/main.js
+++ b/datacenterlight/static/datacenterlight/js/main.js
@@ -86,7 +86,8 @@
   }
 
   function _initNavUrl() {
-    $('.url').click(function () {
+    $('.url').click(function (event) {
+      event.preventDefault()
       var href = $(this).attr('data-url');
       $('.navbar-collapse').removeClass('in');
       $('.navbar-collapse').addClass('collapsing');
diff --git a/datacenterlight/templates/datacenterlight/includes/_navbar.html b/datacenterlight/templates/datacenterlight/includes/_navbar.html
index da3e672c..e1ce56a1 100644
--- a/datacenterlight/templates/datacenterlight/includes/_navbar.html
+++ b/datacenterlight/templates/datacenterlight/includes/_navbar.html
@@ -27,9 +27,9 @@
                 <a class="dropdown-toggle  visible-mobile" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span class="caret"></span></a>
                 <a class="dropdown-toggle url disabled visible-desktop menu-url" data-url="#how" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span class="caret"></span></a>
 			<ul class="dropdown-menu">
-				<li><a class="url menu-url" data-url="#your"  >{% trans "Scale out" %}</a></li>
-				<li><a class="url menu-url" data-url="#our">{% trans "Reliable and light" %}</a></li>
-				<li> <a class="url menu-url" data-url="#price" >{% trans "Order VM" %}</a></li>
+				<li><a class="url menu-url" data-url="#your" href="#your">{% trans "Scale out" %}</a></li>
+				<li><a class="url menu-url" data-url="#our" href="#our">{% trans "Reliable and light" %}</a></li>
+				<li> <a class="url menu-url" data-url="#price" href="#price">{% trans "Order VM" %}</a></li>
 			</ul>
            </li>
 			<li>