[Resolved] Header with Logo, Navigation and to the far right the cart icon

[Notarmon]

Hi there,

I was wondering how to create a header where the logo and navigation are aligned left and the cart icon to the right. When I try to set in the customizer, either the logo is right and navigation, incl. the cart icon, is left or the other way around.

Maybe there is a way with elements or other tools to create a custom site header (not a page header)?

Thanks for your help. Much appreciated.

best regards
Notarmon

[David]

Hi there,

try adding this CSS to your site:

@media(min-width: 769px) {

    .main-navigation,
    .inside-navigation {
        flex: 1;
        max-width: unset;
    }

    .main-nav {
        margin-right: auto;
        margin-left: 20px;
    }
}

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

[Notarmon]

amazing, thanks a lot, David, works perfectly. This did the trick.
Have a great day.

[David]

Glad to hear that!

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

[Author]

Posts