Site logo

Archived topic

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

3 replies · Started by Notarmon on August 25, 2022

Viewing posts 1–4 of 4

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

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;
    }
}

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

Glad to hear that!

This archived topic is closed to new replies.