How to add sticky Column

[Orbitis]

Hi,
I use Kadance Block to facilitate the integration of different site elements.
However, on certain template pages I have some problems setting the column to “sticky”. I use the sticky functionality of Kadence Block, and I also tried

.sticky {
     position: sticky!important;
     top: 0;
   }

But nothing works, my column is still not sticky.

Could you help me please?

[andrii]

Hi,

Unfortunately, we have not tested this service, so we cannot provide more details, but most likely, in order for everything to work, you will need to either integrate this service or customize it using PHP or CSS snippets. If customizations are required for your site, please try customizing it using the collection of code snippets Search · user:hivepress · GitHub and other developer resources, or consider hiring someone for custom work https://fvrr.co/32e7LvY

[Orbitis]

Hi,

I found this by following your link:

.hp-template .inner-wrapper-sticky {
  position: static!important; 
  transform: none!important;
}

It’s used to disable the sticky sidebar on all HivePress pages. I tried to take inspiration from it and experimented with various things including:

.kt-inside-inner-col {
  position: -webkit-sticky;
  position: sticky;
  top: 5;
  z-index: 1000;
}

and this:

.wp-block-kadence-column.kadence-column325_7db82f-f9 {
  position: -webkit-sticky; 
  position: sticky;
  top: 5;
  z-index: 1000;  
}

I even tried this (see screenshot), but nothing works.

If needed, here is the URL : NorthTrip – Bordolidays

[andrii]

Hi,

Sorry for the inconvenience, but customization is beyond our support scope - it includes fixing bugs and guidance about the available features Support Policy | HivePress

[Orbitis]

I understand your support policy, however I don’t understand why the sticky effect is available on a page New spacious house – RentalHive and it is not possible to simply reproduce it…
This is an important UI/UX choice for this type of design and especially for this type of booking platform.

[andrii]

Hi,

Yes, that’s right, you won’t be able to recreate it using third-party plugins, as it is developed using custom code and the slick-slider library.

[Orbitis]

So this means I have no solution? I contacted the expert you suggested to me and after several days I still have no response, I have some knowledge of HTML, CSS and JS, but I m not a specialist I don’t think I am the one the only one affected by this problem

[andrii]

Hi,

Unfortunately, no, there is no simple solution, it requires a detailed custom implementation.