Sign inGet GeneratePress One

Archived topic

Sticky Nav and MObile version issues with Logo Centered navigation

3 replies · Started by John on December 4, 2019

Viewing posts 1–4 of 4
#1093983

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

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

Excellent - that worked a treat - thank you

#1095658

You're welcome

This archived topic is closed to new replies.