Streaming live at 10am (PST)

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


#1

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


#2

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.


#3

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