Here the code of the navigation:
<nav class=”navbar navbar-default nav-left pi-mega” role=”navigation”>
<!– Collect the nav links, forms, and other content for toggling –>
<div class=”collapse navbar-collapse”>
<ul class=”nav navbar-nav pi-nav”>
<li class=”dropdown”>
STÖCKE
<ul class=”dropdown-menu”>
<div class=”pi-mega-content”>
<div class=”row”>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Racing </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Alpin </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Freeride </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Rental </figcaption>
</figure>
</div>
</div>
<div class=”row”>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
touring </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Trekking </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Nordic XC </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Nordic Walking </figcaption>
</figure>
</div>
</div>
<!– .row end –>
</div><!– .pi-mega-content end –>
<!– .dropdown-menu end –>
<!– MENU ITEM .dropdown end –>
<li class=”dropdown”>PROTEKTOREN
<ul class=”dropdown-menu” style=”left:0px;”>
<div class=”pi-mega-content”>
<div class=”row”>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Herren </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Damen </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Race </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Rental </figcaption>
</figure>
</div>
</div>
<div class=”row”>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Kids </figcaption>
</figure>
</div></div>
<!– .row end –>
</div><!– .pi-mega-content end –>
<!– .dropdown-menu end –>
<!– MENU ITEM .dropdown.pi-mega-fw end –>
<li class=”dropdown”>Handschuhe
<ul class=”dropdown-menu” style=”left:0px;”>
<div class=”pi-mega-content”>
<div class=”row”>
<div class=”col-md-6 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Handschuhe </figcaption>
</figure>
</div>
<div class=”col-md-6 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Kälteschutz </figcaption>
</figure>
</div>
</div>
<!– row end –>
</div><!– .pi-mega-content end –>
<!– .dropdown-menu end –>
<!– MENU ITEM .dropdown.pi-mega-fw end –>
<li class=”dropdown”>Athleten
<ul class=”dropdown-menu” style=”left:0px;”>
<div class=”pi-mega-content”>
<div class=”row”>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Bergsteiger </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Weltcup </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Freeride </figcaption>
</figure>
</div>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Skicross </figcaption>
</figure>
</div>
</div>
<div class=”row”>
<div class=”col-md-3 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Teams </figcaption>
</figure>
</div></div>
<!– .row end –>
</div><!– .pi-mega-content end –>
<!– .dropdown-menu end –>
<li class=”dropdown”>Unternehmen
<ul class=”dropdown-menu” style=”left:0px;”>
<div class=”pi-mega-content”>
<div class=”row”>
<div class=”col-md-4 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Die Marke </figcaption>
</figure>
</div>
<div class=”col-md-4 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Umwelt </figcaption>
</figure>
</div>
<div class=”col-md-4 pi-mm-col”>
<ul class=”pi-mm-list”>
<figure class=”portfolio-item-container”>
<div class=”portfolio-img hover-alt”>
<div class=”mask-style-2″>
<div class=”mask”></div>
<li class=”portfolio-single”>
</div>
</div><!– .portfolio-img end –>
<figcaption>
Meilensteine </figcaption>
</figure>
</div>
</div>
<!– row end –>
</div><!– .pi-mega-content end –>
<!– .dropdown-menu end –>
<!– MENU ITEM pi-mega-fw end –>
<!– .nav.navbar-nav.pi-nav end –>
<!– Responsive menu start –>
<div id=”dl-menu” class=”dl-menuwrapper”>
<button class=”dl-trigger”>Menü öffnen</button>
<ul class=”dl-menu”>
Stöcke
<ul class=”dl-submenu”>
Racing
Alpin
Freeride
Rental
Touring
Trekking
Nordic XC
Nordic Walking
<!– .dl-submenu end –>
Protektoren
<ul class=”dl-submenu”>
Herren
Damen
Racing
Rental
Kids
<!– .dl-submenu end –>
<!– Features li end –>
Handschuhe
<ul class=”dl-submenu”>
Handschuhe
Kälteschutz
<!– .dl-submenu end –>
<!– Pages li end –>
Athleten
<ul class=”dl-submenu”>
Treking
Racing
Freeride
Skicross
Teams
<!– .dl-submenu end –>
<!– Portfolio li end –>
Unternehmen
<ul class=”dl-submenu”>
Die Marke
Umwelt
Meilensteine
<!– .dl-submenu end –>
<!– Blog li end –><!– Elements li end –><!– COntact li end –>
<!– .dl-menu end –>
</div><!– (Responsive menu) #dl-menu end –>
<!– #search-box start –>
<div id=”search”>
<form action=”http://www.komperdell.com/suche/suchergebnisse.php” method=”get”>
<input class=”search-submit” type=”submit” />
<input id=”m_search” name=”s” type=”text” placeholder=”Produktsuche…” />
</form>
</div>
<div id=”stockfinder1″>
<div class=” triggerAnimation animated” data-animate=”zoomIn”>
<div class=”caption-hover1″ > Stiletto Expedition Komperdell Stöcke
</div></div><!– .img-circled end –>
</div>
<!– #search-box end –>
</div>
<!– .navbar.navbar-collapse end –>
</nav>Thank you for taking a look on it.
Barbara
