Site logo

Archived topic

Making center-aligned logo

5 replies · Started by Dmitry on June 19, 2018

Viewing posts 1–6 of 6

(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.

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.

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

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

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

Thanks David!

This archived topic is closed to new replies.