Tab Formatting Adjustments Needed in Mobile View

Hello - attached below is a snippet of a newly designed tab as it appears when viewed in Desktop mode. However, when switching to mobile - landscape or portrait view (second attachment below ), the tabs are no longer aligned, the pic is too big, and the text completely disappears. How can one adjust so that I have all tabs aligned and text appearing? Thanks! John

view

This is how webflow works. You have to go into different viewports and adjust your content to fit. For the tab buttons, I suggest making them 31% width with a 1% margin on each side. This will make them fit.

I also suggest you watch the tutorial videos at Webflow 101 crash course | Webflow University

For the rest Can you post your public link please? How to Enable a Webflow Share Link - #2 - Webflow Tips - Forum | Webflow

Thanks. Here is the link to view the site (page labeled Home II).

https://preview.webflow.com/preview/fixed-mmpt-website-aa4f284f377242837e55?preview=c2a771454243ef96eca530be15d13380

Did you try what I said and adjust the width of the tab buttons to percentages? Have you watched the tutorial videos?

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