[Resolved] Mobile Header Logo Jumping Out of Position

Home Forums Support Mobile Header Logo Jumping Out of Position

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

    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/

    Customer Support

    Hi there,

    edit this CSS to include the top property i added:

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

    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.

    Customer Support

    Glad to hear you got it resolved

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.