Tengo #header-wrapper con max-width: 1500px; y dentro hay un logotipo a la izquierda y un div con menú de hamburguesas (disparador para menú modal) a la derecha. El encabezado tiene un ancho máximo: 1500 px, por lo que la distancia del menú desde el lado derecho de la pantalla es diferente. Quiero alinear el menú modal con el div a la derecha.

captura de pantalla: lo que quiero y lo que tengo

Mi estructura:

-> encabezado-envoltura (relativo)

->-> logotipo

->-> división

->->-> menú-hamburguesa

-> menú modal (absoluto)

Creo que debería estar codificado en jQuery, por favor ayuda :(

Mi sitio web está construido con Oxygen (wordpress), aquí está mi página de prueba y encabezado: página de prueba