Trouble with tabs and collection items

[colourfulchris (Chris Cannon)]

1. I am having issues with some collection items. I am working on a site and only have an even number cause this issue.

2. Tabs are not showing up as they should. Each tab should not show at the same time.

Are these bugs?

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[samliew (webflowexpert.com)]

Hi @colourfulchris,

You should never override Webflow components with display: flex, especially those that show/hide.

Remove all the blue stuff you see on the Webflow tab pane, then drag a new div within the tab panes and style them however you want.

See related answer:

All tab contents showing at once

Hi @Cricitem, thanks for getting in touch. The issue is that you have display flex instead of the default display set on the tab pane stylings: [public] Instead of setting display flex on the tab pane which needs to keep the default display position, remove the styling for display and postion on the tab and instead add a parent div block inside the tab pane, then put in the other content inside that div. Set the parent div to have the display flex instead of the tab pane: https://cl.ly/1V1…

[colourfulchris (Chris Cannon)]

@samliew You are a stud!!! Thanks for all your help.

[samliew (webflowexpert.com)]

Your collection items have different heights due to different title lengths, so floating left wouldn’t line them up properly.

You could display: flex on the Collection List, then wrap children.

[samliew (webflowexpert.com)]

@colourfulchris

Thanks for all your help.

You’re welcome. Hope you enjoy using Webflow!

[colourfulchris (Chris Cannon)]

Fixed the height issue for the speakers. Changed the Tab but now I have a broken tab panel. I cant delete it. Any thoughts how to get rid of it?

[samliew (webflowexpert.com)]

Oh, not sure how you got to that state. You’ll have to create a new report in the bugs category for that, or revert your site to an earlier version.