Foundation

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'.

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'.

← Back to Mobility



Llamas
Alpacas
Vicunas
Other

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

Llamas
Alpacas
Vicunas
Other

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.

Stay on top of what's happening in responsive design with Responsive from ZURB.

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »