Header bar white instead of colored on device when its the first page

Image below of what it looks like. This is the 1st page in the app after the login page. The login page uses hide-nav-bar=“true”, but this page is supposed to have a red header bar (I explicitly added hide-nav-bar=“false”, but same result). I only get this if the auto login mechanism works and this is the first page of the app (login screen skipped). The header will appear if I tap where the menu button is in the right hand corner (menu opens and then everything looks normal again), and it also appears normally if I try to use the Chrome inspector to see if there is something missing. Almost seems like it’s missing a reflow…any ideas on how to keep this from happening?

Added drawing of what should appear since everything is white and it’s hard to see.