For Pro header menu, you will have to use two elements which are Navigation Inline which you currently have and then Navigation Collapse element.
Basically, the Nav Inline element will be the menu that will show on desktop and the Nav Collapsed will be for mobile.
First. you will have to add both elements in the header then set the Hide During Breakpoints option of both element where the other will be hidden on desktop and the other will be hidden on mobile.
Please see this video for the guide:
Hope this helps.