Site Logo & Nav Menu - Alignment

Hello,

I am having trouble centering the Logo and Nav menu as one while being aligned next to each other.
I can center the logo and nav menu individually but I have troubles with centering it as one.

Below is what I am working with that does not work:

    #masthead .row {
       text-align: center;
       align-content:center;
       justify-content:center;
    }

Hello,

Can you please provide a link to your website in order to let me check your menu code?

Kind Regards, Roman.
aThemes Support

Hello, thank you for the link. Try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (min-width: 1200px) {
    .site-branding {
        flex-basis: 45%;
        max-width: 45%;
        text-align: right;
    }

    #site-navigation {
        flex-basis: 55%;
        justify-content: flex-start;
    }

    ul.header-search-cart {
        margin-left: 20px;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

1 Like

This worked out great.

Thank you!

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support

1 Like