[Solved] Sticky tabs work on Codepen, but not on Spark Pages

Hi again!

I'm not sure if this is something I can ask for support on, but worth a shot? I suspect something in this code is interfering with Spark, but I'm not sure how to fix it. If this isn't the type of thing I can ask for support here, I'll check the resource forum to see if there's a code support area there. c:

With the help of Cory and another (they made the skeleton for me), I made a tabbed table to act as an info page on Spark's pages. I made the horizontal and vertical tabs sticky - which do work in codepen.io. I changed the .buttons code to .buttons2 just case it was used somewhere on Spark (had that issue before), but they're still not sticking. Would it be possible for someone to take a look and see what might be interfering?

Thanks in advance!

The longest tab at the moment is "Factions," so you can see the lack of sticky tabs there:

https://ushinokoku.forumspark.net/pages/guidebook

And here's the codepen (I just shrink the window to preview the sticky):

https://codepen.io/iotacat/pen/jEMZLBN

@Cory Are you able to help? I'm currently working on reactions and then I have to go on a little holiday for the weekend. 😅If not, I'll be able to help next week.

Try adding this to your CSS:

.panel {
overflow: initial;
}

On Apr 3, 2026, Cory said:

Try adding this to your CSS:

.panel {
overflow: initial;
}

Thank you, that worked! Didn't realise you were as well. c: I would have asked you at the other place, but their rules state to not expect ongoing maintenance, so to post elsewhere for help if it breaks (but I didn't want to post this there and thought it might be Spark specific). Sorry for troubling you both again!

Cheers!