diff --git a/datacenterlight/templates/datacenterlight/includes/_navbar.html b/datacenterlight/templates/datacenterlight/includes/_navbar.html
index 0d2f43f1..6a7e4002 100644
--- a/datacenterlight/templates/datacenterlight/includes/_navbar.html
+++ b/datacenterlight/templates/datacenterlight/includes/_navbar.html
@@ -11,7 +11,7 @@
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                 </button>
-                {% if request.resolver_match.url_name == "index" %}
+                {% if request.resolver_match.url_name == "index" or request.resolver_match.url_name == "whydatacenterlight" %}
                   <a id="logoBlack" class="navbar-brand topnav url" data-url="#home"><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
                   <a id="logoWhite" class="navbar-brand topnav url" data-url="#home"><img src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
                 {% else %}
@@ -22,18 +22,18 @@
             <!-- Collect the nav links, forms, and other content for toggling -->
             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                 <ul class="nav navbar-nav navbar-right">
-                	{% if request.resolver_match.url_name == "index" %}
-                    <li>
-                        <a class="url" href="javascript:void(0)" data-url="#how" >{% trans "Highlights" %}</a>
+                	{% if request.resolver_match.url_name == "index" or request.resolver_match.url_name == "whydatacenterlight" %}
+                    <li class="dropdown">
+                        <a class="url dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" data-url="#how" >{% trans "Highlights" %}  <b class="caret"></b></a>
+							<ul class="dropdown-menu">
+								<li><a class="url" href="javascript:void(0)" data-url="#your"  >{% trans "Scale out" %}</a></li>
+								<li><a class="url" href="javascript:void(0)" data-url="#our">{% trans "Reliable and light" %}</a></li>
+								<li> <a class="url" href="javascript:void(0)" data-url="#price" >{% trans "Order VM" %}</a></li>
+							 </ul>
                     </li>
+                    
                     <li>
-                        <a class="url" href="javascript:void(0)" data-url="#your"  >{% trans "Scale out" %}</a>
-                    </li>
-                   <li>
-                        <a class="url" href="javascript:void(0)" data-url="#our">{% trans "Reliable and light" %}</a>
-                    </li>
-                    <li>
-                        <a class="url" href="javascript:void(0)" data-url="#price" >{% trans "Order VM" %}</a>
+                        <a class="url" href="javascript:void(0)" data-url="#price" >{% trans "Why Data Center Light?" %}</a>
                     </li>
                     <li>
                         <a class="url" href="javascript:void(0)" data-url="#contact"  >{% trans "Contact" %}</a>
@@ -64,4 +64,4 @@
             <!-- /.navbar-collapse -->
         </div>
         <!-- /.container -->
-    </nav>
\ No newline at end of file
+    </nav>