Is there a way to make tab titles “sticky”?

Hi @planetboris ,

Hope you’re doing good.
Since we don’t have a sticky option in EA Advanced Tab, I can help you with some custom CSS.

Please add this custom CSS on your stylesheet to get this done:

.eael-tabs-nav {
    position: sticky;
    top: 0;
}

NOTE: You can easily apply custom CSS by following this documentation: https://essential-addons.com/elementor/docs/faq/apply-custom-css-elements/

Thank you!

Hi Abid, thanks very much for your quick response, sorry for my late response! I was away and have now just tried out the code. It did not work, the message I get in the CSS text box is: expected (static | relative | absolute | fixed | inherit) but found ‘sticky’.

So I replaced “sticky” with ‘fixed” and it did work, which is really great but the problem is when I scroll through the content, the fixed tabs titles bleed into the footer, they remain sticky for the entire page. Is there a way to keep it sticky in the column of it’s respective section, so it doesn’t overlap into the footer or other content?

• This reply was modified 3 years, 5 months ago by planetboris.

I’ll be following this thread, as I am also experiencing the same thing.

There is a solution given with CSS in the first reply of this thread, it worked for me! If it doesn’t work replace “sticky” with “fixed” (without quotes of course)
@ellain3gab
Cheers