Como impedir que a navegação superior fixa (bootstrap) seja ampliada no celular

Ao usar a navegação superior fixa do bootstrap 3, notei que quando os usuários usam o zoom nativo no celular, a navegação superior também se torna muito grande. Isso leva a uma péssima experiência do usuário, em que a navegação oculta grande parte do conteúdo e acaba desfeita, como mostra o exemplo a seguir:

A questão pode ser vista na natureza emhttp://www.exploretrade.info/ e também parece afetar muitos outros sites usando esse tipo de navegação; Uma solução comum é desativar o zoom do usuário, mas isso prejudica a acessibilidade do site.

Minha pergunta é: como manter constante o tamanho exibido da navegação superior fixa quando um usuário está ampliando o conteúdo no celular

Usando JavaScript, é possível calcular o zoom atual do dispositivo aplicado e atualizar dinamicamente o csstransform: scale diretiva2No entanto, isso parece não funcionar paraposition: fixed elemento, que acaba de alguma forma centralizado na tela depois da redução