[Resolved] Mobile Header Logo Jumping Out of Position

[Douglas]

I just started noticing that on the mobile version of our website, our site logo jumps out of position when the mobile menu is activated. This has only started happening recently, so my hunch is that something in the recent updates to GeneratePress may have caused this to occur. Would appreciate any advice to get the logo position back to normal.

I am using the CSS from this article to center the logo in the navigation: https://docs.generatepress.com/article/centering-logo-navigation/

[David]

Hi there,

edit this CSS to include the top property i added:

.site-branding,
.site-logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 15;
    top: 0; /* Add this line */
}

[Douglas]

Thanks! Turns out one of my plugins was minifying my CSS and not updating to reflect the changes I was trying to make to my child theme to rectify this. Turning the minification off did the trick.

[David]

Glad to hear you got it resolved

[Author]

Posts