Move active tab to first position

By default tab one always stays in the first tab position, tab two in the second and so fort.
Is there a way to change the active tab’s position in the tab hierarchy?
I’d like the tabs to re-shuffle so that the active tab moves to first position on desktop and to last position on mobile.


Here is my public share link: LINK
(how to access public share link)

Make the parent of your tabs element display:flex. Now select the Active tab and set its Flex Child Order property to first.

Thank you so much, Vincent!
Simple, and seems to work perfectly.
Why didn’t I think of using the flex child order for the active state in the first place?!

1 Like

Look on the bright side, now we’ve met! :smiley:

Yep. I see a great future ahead of us.



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