I have #header-wrapper with max-width: 1500px; and inside there are logo on the left and div with hamburger menu (trigger for modal-menu) on the right. Header has max-width: 1500px so the menu disctance from the right side of screen is different. I want to align the modal-menu with the div on the right.

screenshot: what i want and what i have

My structure:

-> header-wrapper (relative)

->-> logo

->-> div

->->-> hamburger-menu

-> modal-menu (absolute)

I think it should be codded in jQuery, please help :(

My website is built with Oxygen (wordpress), here's my testing page and header: testing page