Using jQuery Mega Menu as main navbar

I can’t figure out how to use the jQuery Mega Menu as my main navbar at the top of the page. I am using the i-transform theme. (https://www.ads-software.com/themes/i-transform)

I dragged the jQuery Mega Menu widget to my sidebar and configured it. Then I commented out my original navbar’s code and replaced it with this:

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('my_mega_menu') ) : ?><?php endif; ?>

and added this to functions.php:

if ( function_exists('register_sidebar') ){
    register_sidebar(array(
        'name' => 'my_mega_menu',
        'before_widget' => '<div id="my-mega-menu-widget">',
        'after_widget' => '</div>',
        'before_title' => '',
        'after_title' => '',
));

}

But that doesn’t work.

How can I use the mega menu as my main navbar using the i-transform theme?

https://www.ads-software.com/plugins/jquery-mega-menu/