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

[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!

[David]

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;
}

[John]

Excellent – that worked a treat – thank you

[David]

You’re welcome

[Author]

Posts