wordpress menu organization went wrong

Question

Picture 1

Picture 2 Picture 3

Picture 4

I want to organize my menu order in the way picture 1 shows but it appears in the way picture 2 shows picture 3 has my functions.php and picture 4 has my header.php file

Answer 1

I forgot to click on the option saying "Header menu " after clicking on that it works fine !!

You also forget to edit organize the menus go to admin and organize theme by drag up and down

Answer 2

This should be in the header.php

wp_nav_menu( array( 
  'theme_location' => 'nav-menu'
) ); 

Code in function.php

register_nav_menus( array( 
  'nav-menu' => esc_html__( 'Nav Menu', 'themename'), 
) ); 

This is the proper way to make a navbar in wordpress.