Streaming live at 10am (PST)

Trouble with tabs and collection items


#1
  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)


#2

Hi @colourfulchris,

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

Screenshot_2018-01-25_100113

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:


#3

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


#4

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.


#5

You’re welcome. Hope you enjoy using Webflow!


#6

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?


#7

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.


#8