Zurb’s Foundation 4 features a brilliant top bar which has become almost symbolic of a Foundation site build. Today we’re going to look at how you can implement it in a different way, placing it elsewhere on the page, giving you a custom and responsive horizontal navigation menu. Getting Started First up, we’ll need the latest Foundation . Unzip and place all the files in your work or test directory. We will only be using index.html, making our own style.css in which we’ll override the different classes of the Top Bar to make our custom navigation. Foundation 4 default CSS download Navigation area background-image Also, download the background image provided above.
↧