Smooth scroll will be enabled if this can be changed (/assets/js/make-column-clickable.js)
jQuery( function( $ ) {
$( 'body:not(.elementor-editor-active) .make-column-clickable-elementor' ).click( function( event ) {
if ( ! $( this ).data( 'column-clickable' ).length ) {
return;
}
if( $( this ).data( 'column-clickable' ).charAt(0) != "#" ) {
window.open( $( this ).data( 'column-clickable' ), $( this ).data( 'column-clickable-blank' ) );
return false;
}
var clickedLink = $( this ).data( 'column-clickable' ),
$anchor;
try {
$anchor = jQuery( clickedLink ).filter( '.elementor-element, .elementor-menu-anchor' );
} catch ( e ) {
return;
}
if ( ! $anchor.length ) {
return;
}
var scrollTop = $anchor.offset().top,
$wpAdminBar = elementorFrontend.elements.$wpAdminBar,
$activeStickies = jQuery( '.elementor-section.elementor-sticky--active' ),
maxStickyHeight = 0;
if ( $wpAdminBar.length > 0 ) {
scrollTop -= $wpAdminBar.height();
}
// Offset height of tallest sticky
if ( $activeStickies.length > 0 ) {
maxStickyHeight = Math.max.apply( null, $activeStickies.map( function() {
return jQuery( this ).outerHeight();
} ).get() );
scrollTop -= maxStickyHeight;
}
$( 'html, body' ).animate( {
scrollTop: scrollTop,
}, 500, 'linear' );
return false;
});
});
I used code from Elementor as an example.