How to make the logo that overlaps top bar and slider in foundation 5 -


i tried put logo (on top left corner) on top of both top bar , slider, can't figure out how make works. want logo sitting on top of top bar , slider when webpage mobile size or desktop size.

enter code here 

http://codepen.io/edkai/pen/pjvopn

is there can that? appreciated..

you can add ul left class in section

<section class="top-bar-section">     <ul class="left">         <li class="name">             <a href="">                 <img class="logo" src="http://cn-thai.co.th/en/wp-content/uploads/2012/06/dummy-logo-300x300.png" alt="">             </a>           </li>     </ul>     <ul class="right">         <li><a href="index.html">home</a></li>         <li><a href="menu.html">menu</a></li>         <li><a href="reservation.html">reservation</a></li>         <li><a href="contact.html">contact</a></li>     </ul> </section> 

Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -