Menu icon Foundation
Top bar customization and re-design

Hi,

I'm new to Foundation 5 and try to change top-bar looks. What i want to do is something like this http://mkshft.org/category/institute/ this is also responsive and nice looking top bar. Couldn't add the little menu which is over the main menu on that design, how can i do it with Foundation 5.

What i tried was to add another section on top of "top-bar-section" as in the example. But got issues with it, maybe i'm missing something, as i said i'm so new to Foundation.

Thanks

<section class="top-bar-header">
    					<ul class="right">
							<li class="#"><a href="#">ANASAYFA</a></li>
						  <li>
							<a href="#">KURUMSAL</a>
						  </li>
						  <li>
							<a href="#">REFERANSLAR</a>
						  </li>
						</ul>
					</section>
					<section class="top-bar-section menu">
						<!-- Right Nav Section -->
						<ul class="right">
						  <li class="is-first"><a href="#">ANASAYFA</a></li>
						  <li>
							<a href="#">KURUMSAL</a>
						  </li>
						  <li>
							<a href="#">REFERANSLAR</a>
						  </li>
						  <li>
							<a href="#">İLETİŞİM</a>
						  </li>
						</ul>

						
					</section>
            

         

top barnavigationCustumization

Hi,

I'm new to Foundation 5 and try to change top-bar looks. What i want to do is something like this http://mkshft.org/category/institute/ this is also responsive and nice looking top bar. Couldn't add the little menu which is over the main menu on that design, how can i do it with Foundation 5.

What i tried was to add another section on top of "top-bar-section" as in the example. But got issues with it, maybe i'm missing something, as i said i'm so new to Foundation.

Thanks

<section class="top-bar-header">
    					<ul class="right">
							<li class="#"><a href="#">ANASAYFA</a></li>
						  <li>
							<a href="#">KURUMSAL</a>
						  </li>
						  <li>
							<a href="#">REFERANSLAR</a>
						  </li>
						</ul>
					</section>
					<section class="top-bar-section menu">
						<!-- Right Nav Section -->
						<ul class="right">
						  <li class="is-first"><a href="#">ANASAYFA</a></li>
						  <li>
							<a href="#">KURUMSAL</a>
						  </li>
						  <li>
							<a href="#">REFERANSLAR</a>
						  </li>
						  <li>
							<a href="#">İLETİŞİM</a>
						  </li>
						</ul>

						
					</section>