Sweetness Dev - Affix Sidebar

functions.php

/*
 * Add opening affix DIV tag.
*/
function my_affix_top() {
    echo '<div data-spy="affix" data-offset-top="140" class="affix-sidebar">';
}
add_action( 'bne_sidebar_before', 'my_affix_top');
 
/*
 * Add closing affix DIV tag.
*/
function my_affix_bottom() {
    echo '</div><!-- .affix (end) -->';
}
add_action( 'bne_sidebar_after', 'my_affix_bottom' );

style.css

@media (min-width: 992px) {
    .affix-sidebar.affix {
        top: 75px; /* Top Position */
        width: 294px; /* Widget Width (small desktop) */
    }
}
@media (min-width: 1200px) {
    .affix-sidebar.affix {
        width: 340px; /* Widget Width (large desktop) */
    }
}
@media (max-width: 991px) {
    .affix-sidebar.affix {
        position: static;
    }
}