[beluiba] - #14257 * fix navbar dropdowns

Author: beluiba

summit/css/static-summit-about-page.css

@@ -58,7 +58,11 @@ button.btn i, a.btn i {
     padding: 1em;
 }
 
-.summit-hero-landing .logo-box, .summit-hero-landing-short .logo-box  {
+.summit-hero-landing .navbar .container, .summit-hero-landing-short .navbar .container{
+    background: transparent;
+}
+
+.summit-hero-landing .logo-box, .summit-hero-landing-short .logo-box {
     display: inline-block;
     float: left;
     margin: 2em 1em 1em 1em;

summit/templates/Includes/StaticSummitPageHeader.ss

@@ -1,48 +1,35 @@
 <div class="summit-hero-landing">
 
     <nav class="navbar navbar-default navbar-fixed-top" id="summit-main-nav">
-        <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
-                aria-expanded="false">
-                <span class="sr-only">Toggle navigation</span>
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-            </button>
-            <a class="navbar-brand summit-hero-logo" href="/summit"></a>
-        </div>
+        <div class="container">
+            <div class="navbar-header">
+                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
+                    aria-expanded="false">
+                    <span class="sr-only">Toggle navigation</span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+                <a class="navbar-brand summit-hero-logo" href="/summit"></a>
+            </div>
 
-        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-            <ul class="nav navbar-nav">
-                <li class="{$MainNavClass} <% if $ClassName == 'SummitAboutPage' %> current<% end_if %> link">
-                    <a href="$SummitAboutLink">About</a>
-                </li>
-                <% loop $Menu(3) %>
-                    <li class="$LinkingMode">
-                        <a href="$Link">$MenuTitle</a>
+            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+                <ul class="nav navbar-nav">
+                    <li class="{$MainNavClass} <% if $ClassName == 'SummitAboutPage' %> current<% end_if %> link">
+                        <a href="$SummitAboutLink">About</a>
                     </li>
-                    <% end_loop %>
-
-                        <li class="link button-box">
-                            <a href="{$RegistrationLink}" class="btn register-btn-lrg">Get your tickets <i class="fa fa-arrow-right"></i>
-                                </a>
+                    <% loop $Menu(3) %>
+                        <li class="$LinkingMode">
+                            <a href="$Link">$MenuTitle</a>
                         </li>
+                        <% end_loop %>
 
-                        <li class="link dropdown">
-                                <li class="dropdown">
-                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
-                                        <ul class="dropdown-menu">
-                                          <li><a href="#">Action</a></li>
-                                          <li><a href="#">Another action</a></li>
-                                          <li><a href="#">Something else here</a></li>
-                                          <li role="separator" class="divider"></li>
-                                          <li class="dropdown-header">Nav header</li>
-                                          <li><a href="#">Separated link</a></li>
-                                          <li><a href="#">One more separated link</a></li>
-                                        </ul>
-                                      </li>
-                        </li>
-            </ul>
+                            <li class="link button-box">
+                                <a href="{$RegistrationLink}" class="btn register-btn-lrg">Get your tickets <i class="fa fa-arrow-right"></i>
+                                </a>
+                            </li>
+                </ul>
+            </div>
         </div>
     </nav>