Hello John,
There are some samples like the "HeaderMenu" and the "Footer" ones that may you want to take a look. Anyway, there are just that: samples. In general, anything we put in the footer or in the header (for example, some buttons or a Container with some buttons) are placed in the footer or the header.
One important thing in AB when we develop for small screens (mobiles for example) is the size in which develop the app. By default, AB create new apps with an 320x480 size. This size is probably the best to "start". Then, we can set the app's Scale option to "True", and our app can look well in smaller screens (320x480) and also in more larger screens.
In other words, is not a good idea to start to develop an app with a size of 800x600, for example. Depend on our app, but, the point is that we can scale from 320x480 to 800x600, but, not viceversa.
About the nav bar of this website, certainly, since AB uses right now Bootstrap CSS 4 (the same used in this website right now), we can use an HTML control to place the code of an navbar, and place the HTML control in the app's views header:
https://getbootstrap.com/docs/4.0/components/navbar/
However, this requires more or less knowledge of the used HTML and probably is not something easy to do right now. Additionally, AB did not include by default the Bootstrap 4 Javascript nor jQuery, which is required in order to deal with that kind of navigation bar.
In fact there is an "Navbar" sample which already implement the above stuff, however, I want to take a look (when possible!) to a possible easy integration of the Boostrap CSS 4 navbar into our apps.