Ok, el problema depende de varias cosas

• solo podría suceder con un caché vacío
• depende de la velocidad de carga de font-awesome y bootsrap, si se cargan más rápido que su logotipo o no...

Entonces, mientras ejecutaba Chrome en modo de incógnito y recargaba una y otra vez, finalmente pude reproducir el problema.

No puede arreglar fácilmente la condición de carrera de carga, pero arreglar su css debería funcionar:

1. agregar clase pull-left a su logotipo
2. borre el área flotante aplicando la clase clearfix al encabezado de página
3. No es necesario pero es una buena elección, añade width & height a la imagen de su logotipo para que no aparezca una vez cargado

Así que aquí está:

<div class="page-header clearfix">
    <a href="/es/" class="logo pull-left"">
        <img src="images/logo.png" height="62" width="232" alt="">
    </a>

Espero que haya ayudado.

Algunas cuestiones principales a investigar. Tamaño del navegador. ¿Es más ancha en un punto que en el otro?

Obviamente, está dentro del mismo navegador, pero por si acaso, probaría esto en varios navegadores, porque desea que su código sea compatible.

A mí me parece un problema de ancho.

Tal vez tenga un div #login, o algún nombre extraño, en la parte superior derecha que contiene ese contenido y lo hace flotar, y dado que el contenido no responde, pero el div sí lo es. Cuando el div se reduce un poco, el contenido en sí mismo no lo hace y empuja el resto del contenido hacia abajo.