Using 'tabs' component, trying to make it look better on mobile

Hi, I’ve added a tabs component to a site to enable filtering content by category.

However, the horizontal nature of tabs does not render well on mobile, and displaying vertically is unwieldy. So, does anyone know how I could have a regular ‘drop down’ menu link to the tabbed ‘pages’?

Link below. Thank you.


Here is my public share link: https://preview.webflow.com/preview/emai?preview=bb4d904943c906e61c45be2a78de1db7

Hi @alexb, hope is not too late. I create a little example for your question. My approach is to create a ‘kind of’ drop-down menu from the Tabs Menu component.

http://fss-image-test.webflow.io/mobile-friendly-tabs

You can check it here.
https://preview.webflow.com/preview/fss-image-test?preview=5dad09d9872a264321721d8b9bd050f1
Go to the panel page and click on the Mobile-friendly page to see how it is built.
Let me know any question you may have from my example.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.