Position: sticky in PRO / X

Hello,

I just realized that position: sticky doesn’t work with PRO, so i guess there must be a CSS on a column or row that needs to be modified as well.

Could you please help me out?

Hey Alejandro,

I didn’t inspect your site because we need to know first if you’re having the same issue as in this thread: https://theme.co/apex/forum/t/make-row-or-element-sticky-within-section/61177/4?u=christian_y

You’ll read in that thread why position: sticky does not work out of the box and what the solution is.

Hope that helps.

Ok, i didn’t know about the overflow-x but i think in here the problem is that i’m not working on a section, which is the “top level” structure, but instead on a column, in there what else should i look for?

thanks in advance

Hi Alejandro,

It would be the same and you have to add the class name to your column’s class. But, the limit is your columns dimension and column dimension is always dependent to content’s dimension. I’m not sure what you’re trying to achieve, but based on your page current setup, you’re making the column as a sidebar that overlaps across multiple rows and sections. So yes, this isn’t possible since it will only be sticky to single column, and not for all the columns.

It’s only doable with custom development by creating your own templates with your preferred sidebar structure. The CSS should make it sticky, but the limitation is the layout. How about using the template with a ready sidebar?

That way, it will goes to the bottom and the sticky CSS should work with no problem.

Thanks!

Yes, that was the other solution i had in mind. i’ll do that instead. thanks!

You are most welcome. :slight_smile:

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