[Resolved] Logo, cart, search & nav menu alignment

[Craig]

Hi Guys

I would like to have the logo, cart, and search on the top row with the nav menu underneath.

Could you please assist me with how to do this?

Thx
Craig

[David]

Hi there,

try adding this CSS:

#site-navigation #primary-menu {
    order: 20;
    flex: 1 0 100%;
}
#site-navigation .main-nav > ul {
    justify-content: flex-end;
}

[Craig]

Sorry David

Lastly, if I wanted the Logo centered?

Thx

[David]

This CSS:

@media(min-width: 1100px) {
    .navigation-branding {
        margin-left: auto !important;
        padding-left: 297px !important; /* width of cart and search */
    }
}

The @media can be adjusted to suit when the layout you should change.
And note that padding-left needs to equal the combined width of the cart / search

[Craig]

Thank you.

Just amazing 🙂

[David]

Glad to be of help

[Author]

Posts