THE EASY WAY TO CREATE A STICKY HEADER FROM A SECTION OF A KAJABI PAGE!
Copy the JAVASCRIPT style code below and add to your Kajabi landing page in the builder under Settings > Custom Code > Custom Javascript:
window.addEventListener('scroll', function() {
var header = document.getElementById('SECTION-ID');
if(window.pageYOffset > header.offsetTop) {
header.style.position = 'fixed';
header.style.top = '0';
header.style.width = '100%';
header.style.zIndex = '1000';
} else {
header.style.position = 'relative';
}
});