▼
Streaming live at 10am (PST)

Tabs click and go to top of tab section?

#1

II created a menu with tabs but once you get into tablet and mobile it doesn't make it clear that when you click on the selection the menu below pops up.

How can I make it so when you click on the tab, the page move to the top of the tab section/menu?

Here's the website:
http://5576.webflow.io/

Shared link:
https://preview.webflow.com/preview/5576?preview=1fb9278d739e3143d63bf67ef353ebea

Please someone help me with this!

#2

so no one knows how to help fix this...?

#3

@Waldo would you happen to know how to fix this? :disappointed_relieved:

#4

@Quantumgo on mobile I would recommend setting those tabs to float left and only be 25% wide and a shorter height to make them look like tabs. Also maybe add a current state to the style like a background color or border to show which one is active. :smiley:

#5

@Waldo there has to be a better way to do this... It looks horrible on mobile view....

http://5576.webflow.io/

#6

Is there a better way to do this? There's got to be some sort of code or interaction so when they click the tab it scrolls down to the pane....

#7

You could also have the background of the tab fill in the color of the content divs. This way each tab is linked to its respective content.

#8

That won't work. Waldo's idea does not look good on the smallest mobile view. The menu looks terrible.

So if i switch it back to the tabs on top, they need to be clickable and then the screen scrolls to the tab panes...

#9

I changed it back now to the way it was before Waldos idea

closed #10

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