[Resolved] Mobile Header Logo Jumping Out of Position

Home Forums Support Mobile Header Logo Jumping Out of Position

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1107585
    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/

    #1107847
    David
    Staff
    Customer Support

    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 */
    }
    #1108644
    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.

    #1109599
    David
    Staff
    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.