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:
And on a narrower device, the tabs each become a full length button making it easy to navigate on a phone or tablet.
This article: Tab design for mobile devices first appeared on katjakromann.com