add mobile menu not working

i added this information to my function file:

add_action( 'init', function() {
      register_nav_menu( 'mobile-menu', __( 'Mobile Menu' ) );
  } );
  
  add_filter( 'generate_mobile_header_theme_location', function() {
      return 'mobile-menu';
  } );

and created a menu called Mobile with my items and marked the box, but just the primary nav for the desktop site remains visible....

i followed this article.... what did i do wrong? https://docs.generatepress.com/article/using-a-different-menu-on-mobile/