Streaming live at 10am (PST)

'Current ' tab not showing if tab has a second class added

I’ve just run into a situation where I am using a duplication of an existing Tabs setup on a site copied to a different page in the same site. The duplicated Tabs need different styling to the original, so the tabs on the duplicate have ended up with 2 classes to enable the different styling.

The extra class seems to be affecting the ‘current’ status in that it no longer shows; checking the Selector ‘Inheritance’ panel shows that the Current state is missing for the tabs with the extra class.

This screenshot shows the selector inheritance panel, it’s missing the double class current state.

I did a test on a separate project where I was able to achieve what I wanted with the extra class; the duplicated tabs with the extra class did allow a current state for styling, so I know it should work https://form-testing-3bff35.webflow.io/tab-testing

The only way I can achieve what I want for now is to use custom css to force it, but would prefer not to do it that way.

If anybody can look and see why this is occurring, the page to look at is the ‘Tabs Testing’ page in the ‘Assets’ folder.

Cheers
Grant


Here is my site Read-Only: https://preview.webflow.com/preview/unjumble?utm_medium=preview_link&utm_source=designer&utm_content=unjumble&preview=fd52486c7f9f648fb7de5d4ca4d9b1f7&pageId=5ef414a17e42c6889c393b88&mode=preview