Make Tab List and Column Sticky

[daneruef]

I have a page where I want the (purple highlighted) column on the left to be sticky along with the tab list (green highlight) while the tabs content scrolls. Is there an option for this or should I be using a different element?

[daneruef]

[prakash_s]

Hello @daneruef,

Thanks for writing to us.

Please have a look at this tutorial to learn more about how to make a column sticky.

Creating sticky containers in WordPress & Cornerstone

Thanks

[daneruef]

This doesn’t seem to fix with how i want the tab list to be sticky.

I’ve instead tried to resolve this an inline slider and buttons using:

data-x-slide-goto

I have my row sticky and the buttons select the right slides, now I’m wondering if there is any custom attribute I can use to make my buttons active based on the slide that is selected?

[prakash_s]

Hello @daneruef,

I would suggest you please add the data-x-slide-goto-keep-active attribute to the button. It will add a class called x-active to the button when the slide is selected, and you can use the custom CSS code to style the active button. Please have a look at the given screenshot below.

Hope it helps
Thanks

[daneruef]

This is exactly what I was looking for! Thank you guys for all your work!

[prakash_s]

You are most welcome, @daneruef