[Resolved] Boxed logo item in combination with secondary nav

[Mirko]

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!

[David]

Hi there,

try adding this CSS:

@media(min-width: 1200px) {
    .site-logo {
        position: absolute;
        left: 50%;
        transform: translateX(-600px);
    }
}

[Mirko]

Hi David,
worked great, thanks!

[David]

You’re welcome

[Author]

Posts