Katja Kromann Portfolio

Tab design for mobile devices

Tab design for mobile devices

This is the new standard style for tab designs for Web by Pixel business management systems. Another design can easily be substituted for custom branding.

When designing a tab design that also works on a mobile device, having a row of tabs is not the most practical for narrower devices. Therefore the design has to change significantly when the design is compressed.

This is what the tabs look like on a wider screen:

tab design for mobile devices

And on a narrower device, the tabs each become a full length button making it easy to navigate on a phone or tablet.

tab design for mobile devices



This article: Tab design for mobile devices first appeared on katjakromann.com