Float Logo Outside Navigation

[Tom]

Hello – I’m trying to follow these instructions: https://docs.generatepress.com/article/navigation-logo/#float-navigation-logo-outside-container to float the logo below the nav bar.

I’ve started with the Access template. And I’m wondering what I’ve done to have the logo cut off rather than hanging over the front page container.

[Tom]

Very close! You have this:

.main-navigation .site-logo {
    position: absolute;
    left: 0;
    top: 0;
}

Try this:

.main-navigation .site-logo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts