Turn Tabs Into a Dropdown Menu on Mobile Devices.

Content inside each tab doesn't need to be pushed under an (often) long list of tab links.
By Charlie Jackman
See it in Action
Click to Open in Webflow
Before
Before
After
After

Example

Compare the below on desktop and mobile devices.
Open Dropdown
Tab One
Tab Two
Tab Three
Tab Four
Tab Five
Tab Six

Tab One Content

Enjoy a bunch of Hipster Ipsum.

Lorem ipsum dolor amet squid roof party vice snackwave sriracha letterpress before they sold out wolf paleo. Shabby chic irony banh mi lumbersexual DIY paleo organic chillwave kogi raclette tofu. Tumblr kale chips butcher ugh, la croix iPhone bicycle rights cornhole hammock photo booth scenester shaman. Vexillologist la croix single-origin coffee af, 90's brooklyn next level bitters bicycle rights vape. Keffiyeh taxidermy four dollar toast, kale chips heirloom raw denim tilde snackwave locavore street art scenester. Trust fund vinyl street art, air plant +1 man bun thundercats tumeric bitters echo park glossier.

Keytar bicycle rights post-ironic pickled tbh schlitz. Squid fanny pack prism, kogi brunch master cleanse viral +1 food truck poutine tumeric. Blog shaman unicorn tofu. Vinyl shaman four loko letterpress art party mlkshk +1 organic post-ironic. Selvage readymade gochujang williamsburg cold-pressed sustainable, shabby chic kitsch ethical tousled semiotics PBR&B. Ennui synth biodiesel, microdosing flexitarian celiac distillery yr hammock pitchfork seitan.

Tab Two Content

Enjoy a bunch of Hipster Ipsum.

Lorem ipsum dolor amet squid roof party vice snackwave sriracha letterpress before they sold out wolf paleo. Shabby chic irony banh mi lumbersexual DIY paleo organic chillwave kogi raclette tofu. Tumblr kale chips butcher ugh, la croix iPhone bicycle rights cornhole hammock photo booth scenester shaman. Vexillologist la croix single-origin coffee af, 90's brooklyn next level bitters bicycle rights vape. Keffiyeh taxidermy four dollar toast, kale chips heirloom raw denim tilde snackwave locavore street art scenester. Trust fund vinyl street art, air plant +1 man bun thundercats tumeric bitters echo park glossier.

Keytar bicycle rights post-ironic pickled tbh schlitz. Squid fanny pack prism, kogi brunch master cleanse viral +1 food truck poutine tumeric. Blog shaman unicorn tofu. Vinyl shaman four loko letterpress art party mlkshk +1 organic post-ironic. Selvage readymade gochujang williamsburg cold-pressed sustainable, shabby chic kitsch ethical tousled semiotics PBR&B. Ennui synth biodiesel, microdosing flexitarian celiac distillery yr hammock pitchfork seitan.

Tab Three Content

Enjoy a bunch of Hipster Ipsum.

Lorem ipsum dolor amet squid roof party vice snackwave sriracha letterpress before they sold out wolf paleo. Shabby chic irony banh mi lumbersexual DIY paleo organic chillwave kogi raclette tofu. Tumblr kale chips butcher ugh, la croix iPhone bicycle rights cornhole hammock photo booth scenester shaman. Vexillologist la croix single-origin coffee af, 90's brooklyn next level bitters bicycle rights vape. Keffiyeh taxidermy four dollar toast, kale chips heirloom raw denim tilde snackwave locavore street art scenester. Trust fund vinyl street art, air plant +1 man bun thundercats tumeric bitters echo park glossier.

Keytar bicycle rights post-ironic pickled tbh schlitz. Squid fanny pack prism, kogi brunch master cleanse viral +1 food truck poutine tumeric. Blog shaman unicorn tofu. Vinyl shaman four loko letterpress art party mlkshk +1 organic post-ironic. Selvage readymade gochujang williamsburg cold-pressed sustainable, shabby chic kitsch ethical tousled semiotics PBR&B. Ennui synth biodiesel, microdosing flexitarian celiac distillery yr hammock pitchfork seitan.

Tab Four Content

Enjoy a bunch of Hipster Ipsum.

Lorem ipsum dolor amet squid roof party vice snackwave sriracha letterpress before they sold out wolf paleo. Shabby chic irony banh mi lumbersexual DIY paleo organic chillwave kogi raclette tofu. Tumblr kale chips butcher ugh, la croix iPhone bicycle rights cornhole hammock photo booth scenester shaman. Vexillologist la croix single-origin coffee af, 90's brooklyn next level bitters bicycle rights vape. Keffiyeh taxidermy four dollar toast, kale chips heirloom raw denim tilde snackwave locavore street art scenester. Trust fund vinyl street art, air plant +1 man bun thundercats tumeric bitters echo park glossier.

Keytar bicycle rights post-ironic pickled tbh schlitz. Squid fanny pack prism, kogi brunch master cleanse viral +1 food truck poutine tumeric. Blog shaman unicorn tofu. Vinyl shaman four loko letterpress art party mlkshk +1 organic post-ironic. Selvage readymade gochujang williamsburg cold-pressed sustainable, shabby chic kitsch ethical tousled semiotics PBR&B. Ennui synth biodiesel, microdosing flexitarian celiac distillery yr hammock pitchfork seitan.

Tab Five Content

Enjoy a bunch of Hipster Ipsum.

Lorem ipsum dolor amet squid roof party vice snackwave sriracha letterpress before they sold out wolf paleo. Shabby chic irony banh mi lumbersexual DIY paleo organic chillwave kogi raclette tofu. Tumblr kale chips butcher ugh, la croix iPhone bicycle rights cornhole hammock photo booth scenester shaman. Vexillologist la croix single-origin coffee af, 90's brooklyn next level bitters bicycle rights vape. Keffiyeh taxidermy four dollar toast, kale chips heirloom raw denim tilde snackwave locavore street art scenester. Trust fund vinyl street art, air plant +1 man bun thundercats tumeric bitters echo park glossier.

Keytar bicycle rights post-ironic pickled tbh schlitz. Squid fanny pack prism, kogi brunch master cleanse viral +1 food truck poutine tumeric. Blog shaman unicorn tofu. Vinyl shaman four loko letterpress art party mlkshk +1 organic post-ironic. Selvage readymade gochujang williamsburg cold-pressed sustainable, shabby chic kitsch ethical tousled semiotics PBR&B. Ennui synth biodiesel, microdosing flexitarian celiac distillery yr hammock pitchfork seitan.

Tab Six Content

Enjoy a bunch of Hipster Ipsum.

Lorem ipsum dolor amet squid roof party vice snackwave sriracha letterpress before they sold out wolf paleo. Shabby chic irony banh mi lumbersexual DIY paleo organic chillwave kogi raclette tofu. Tumblr kale chips butcher ugh, la croix iPhone bicycle rights cornhole hammock photo booth scenester shaman. Vexillologist la croix single-origin coffee af, 90's brooklyn next level bitters bicycle rights vape. Keffiyeh taxidermy four dollar toast, kale chips heirloom raw denim tilde snackwave locavore street art scenester. Trust fund vinyl street art, air plant +1 man bun thundercats tumeric bitters echo park glossier.

Keytar bicycle rights post-ironic pickled tbh schlitz. Squid fanny pack prism, kogi brunch master cleanse viral +1 food truck poutine tumeric. Blog shaman unicorn tofu. Vinyl shaman four loko letterpress art party mlkshk +1 organic post-ironic. Selvage readymade gochujang williamsburg cold-pressed sustainable, shabby chic kitsch ethical tousled semiotics PBR&B. Ennui synth biodiesel, microdosing flexitarian celiac distillery yr hammock pitchfork seitan.