Foundation

Design Great Products Faster

About | ZURBlog | Sitemap

Services

We'll help you get online products designed better and faster than ever before and set you up for future iterations.

Let's Work Together →

Foundation

We developed the most advanced responsive front-end framework in the world and made it free-for-all.

Discover Foundation →

ZURBapps

A powerful design suite that will help you prototype, iterate and collect feedback on your product design.

Get Started →

Expo

We think anyone can design great products. We'll share our ideas, thoughts and design resources to show you how to do it.

Mobile Navigation

There are several mobile-specific styles available to manage navigation. By using Foundation's tab structure you can not only create a tabbed interface, you can restyle those tabs into mobile nav blocks by simply adding a class of 'mobile'.

You can also use standard tabs on mobile devices, including the built-in tab switching javascript that comes with Foundation. Check out the tabs documentation for examples of how that works.

This tab block will continue to look like tabs on any kind of device. Through the use of mobile visibility classes you can easily place nav blocks on top of the page for desktops, and at the bottom for phones.

Site content © 2013 ZURB, inc.