[Resolved] Boxed logo item in combination with secondary nav

Home Forums Support Boxed logo item in combination with secondary nav

  • This topic has 3 replies, 2 voices, and was last updated 5 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1293375
    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!

    #1293489
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

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

    Hi David,
    worked great, thanks!

    #1296521
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.