[Resolved] How can I place my logo in the center left of my site?

[bluebit]

Basically i want the my site’s logo to look like its part of the nav menu, just slighly left of the License Info menu item:

GP Premium 1.7.2

[David]

Hi there,

try this CSS:

@media (min-width: 768px) {
    .inside-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .main-navigation .navigation-logo {
        margin-right: 10px;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[bluebit]

nice it worked!!!! is there a way to add a tiny bit of right padding to the logo to separate it a bit from the first nav item?

[David]

I edited the code above to give the logo and nav a little space.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[bluebit]

it worked thank you

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts