[Support request] Logo center and menu to right

[Leanne]

Hi,

I would like to center the logo and have the menu to the right. I do not want the menu on the left and right, just on the right.

Can you help me do this?

Thanks,
Leanne

[Fernando]

Hi Leanne,

You can try adding this CSS in Appearance > Customize > Additional CSS:

@media (min-width: 1025px) {
    .site-logo.page-hero-logo {
        position:absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .inside-header.grid-container {
        position: relative;
    }
}

Your menu takes up a bit of space though, and thus, your logo would overlap. You would need to reduce the spacing and the font size of the menu items or something else.

[Leanne]

Perfect! Thank you very much!

[Fernando]

You’re welcome Leanne!

[Author]

Posts