Streaming live at 10am (PST)

Tab Formatting Adjustments Needed in Mobile View


#1

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


#2

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 https://help.webflow.com/courses/getting-started

For the rest Can you post your public link please? http://forum.webflow.com/t/how-to-enable-a-webflow-share-link/2573/2


#3

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

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


#4

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


#5

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