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
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!
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;
}Excellent - that worked a treat - thank you
You're welcome
This archived topic is closed to new replies.
