🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] Sticky Nav and MObile version issues with Logo Centered navigation

Home Forums Support Sticky Nav and MObile version issues with Logo Centered navigation

  • This topic has 3 replies, 2 voices, and was last updated 7 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1093983
    John

    Hi there,

    I have added a centered logo using instructions found elsewhere on the forums.
    https://docs.generatepress.com/article/centering-logo-navigation/
    Looks great on desktop.
    When I turn on Sticky Nav, the logo moves back to the left hand side.
    How can I stop this?
    Also when I click on the menu Icon on mobile versions, the logo itself moves down at the same time.
    Can you help with some suggestions for this please?
    Many thanks!

    #1094336
    David
    Staff
    Customer Support

    Hi there,

    so this CSS:

    .site-branding,
    .site-logo {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 200;
    } 

    change to:

    .navigation-branding,
    .site-logo {
        position: absolute;
        top: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 200;
    }
    #1095377
    John

    Excellent – that worked a treat – thank you

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