Boxed logo item in combination with secondary nav

Hi,

we are currently struggling with the following issue:

We would like to use a secondary nav above the primary nav and successfully realized it by implementing the code snippet Tom provided here:
https://generatepress.com/forums/topic/secondary-navigation-position/

As our sec nav has a coloured background the container of both navs has to be full width whereas the inside of both navs has to be boxed @1200px.

Currently we have set the container and the inner to full width via customizer (as it doesn´t work otherwise) and have set a width of primary nav @1200px via custom css.

Issue:
As the logo item is in a other div it is aligned left, but it has to be in line with rest of the website content (within 1200px width).

Is there a responsive way to move the logo respectively or is there a better way to realize a sec nav above the primary menu with our specifications?

Thanks in advance!