Streaming live at 10am (PST)

Tab Panes content is stacking over each other


#1

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


#2

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:


#3

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


#4

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:

I hope this helps


#5

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


#6

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