Uber Menu Help Needed

Hello,

I am trying to setup the ubermenu plugin and I am unsure of where I went wrong. Can you assist? I installed the child theme and updated the functions.php.

I also updated the CSS in the child theme to this:

#site-navigation button.menu-toggle {
display: none;
}

This is what is in the functions.php file:

<?php
/**
* GeneratePress child theme functions and definitions.
*
* Add your custom PHP in this file.
* Only edit this file if you have direct access to it on your server (to fix errors if they happen).
*/

function generatepress_child_enqueue_scripts() {
if ( is_rtl() ) {
wp_enqueue_style( 'generatepress-rtl', trailingslashit( get_template_directory_uri() ) . 'rtl.css' );
}
}
add_action( 'wp_enqueue_scripts', 'generatepress_child_enqueue_scripts', 100 );

/* Replace the theme's menu with UberMenu */
function generate_navigation_position(){
if( function_exists( 'ubermenu' ) ){
ubermenu( 'main' , array( 'theme_location' => 'primary' ) );
}
}

/* Stop the theme from filtering the menu output */
add_action( 'wp_head' , 'stop_generatepress_menu_filter' );
function stop_generatepress_menu_filter(){
remove_filter( 'walker_nav_menu_start_el', 'generate_nav_dropdown', 10, 4 );
}

The desktop version appears to be functioning but unsure if at the full capacity. The mobile menu still looks like GP. I can't seem to find the problem here. Could it be something with the header being a merged element? I do have the sticky navigation activated through GP. I don't know, I am reaching here.

I am getting frustrated by how much time and effort this is taking. Perhaps I should switch to a menu that is compatible with your theme? Do you have a solid suggestion in case?