[Resolved] Making center-aligned logo

[Dmitry]

(got premium) On my website logo is aligned left, main menu is aligned right. The same is https://generatepress.com/ main page. When I make browser window more narrow, menu jumps under the logo in my version, but the logo stays aligned left.

However, on https://generatepress.com/ menu jumps under the logo and the logo itself becomes aligned center.

How can i make it the same using only GP premium theme adjustments, without going to css/html.

[David]

Hi Dmitry,

GP site is doing something like this:

@media (max-width: 1024px) {
    .site-logo {
        display: block;
        text-align: center;
    }
    #site-navigation {
        float: none;
        text-align: center;
    }
}

Just adjust the media query pixels to suit.

[Dmitry]

Thanks fo reply. That seems to make menu sticks to the left, but didnt align logo centered

[Dmitry]

Got it, Thanks! (replaced #site-logo with .site-logo)

[David]

Thanks Dmitry, glad to hear you got it resolved, edited code above 😉

[Dmitry]

Thanks David!

[Author]

Posts