Tab Panes content is stacking over each other

Hi,

all of a sudden all my tabs went ballistic.
The content of the different tabs is not appearing when clicking on the tab but they all show together.

What happened?

Here my public link:
https://preview.webflow.com/preview/neat-personal?preview=40e015bc29d2f640ea7f85b284f825d2

Thank you fo your help

Max

Hi @mdelvita it looks like you applied Flexbox styles to the Tab Pane elements which will break the Tab functionality:

Instead of setting your Tab panes to flexbox, drop a div block inside of each tab pane and set that to flexbox styles so that your Tab panes are not affected by this design change. :bowing_man:

Hi Waldo, thank you for the reply.
I changed it to Dov Block but the problem is still there. Now no elements
inside the tab are flex

Thank you for your help

Max

Hi @mdelvita, thanks for getting back, you are almost there, good job! Take a peek at the rest of the styling that I would recommend to get the tab pane working as intended:

https://cl.ly/2T382e2h1c3l/Screen%20Recording%202017-07-26%20at%2007.10%20AM.mov

I hope this helps

2 Likes

Hi Cyberdave, you are amazing!

A personalised video to explain what to do. WOW!
Never had that before.

Thank you for your help, really appreciated

Have a great one

Max

1 Like

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