title: Foundation Navigation to slide from left to right
body: <p>I am working with tis navigation >> <a href="http://foundation.zurb.com/building-blocks/blocks/foundation-5-top-bar.html" rel="nofollow noreferrer">http://foundation.zurb.com/building-blocks/blocks/foundation-5-top-bar.html</a></p>
  
  <p>I want it when the hamburger menu shows and you click on it behave slides from Left to right instead of Up to down how it is currently and make the width of the menu that shows up half the way</p>
  
  <p>see screenshot basically when you click on it, the background dim and then it comes from the left (NOT OFF CANVAS)<a href="https://i.stack.imgur.com/Oiele.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Oiele.jpg" alt="enter image description here"></a></p>
  
  <p>can anyone help me </p>
  
  <p>Thanks</p>