Site logo

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

Home Forums Support [Resolved] Logo, cart, search & nav menu alignment

Home Forums Support Logo, cart, search & nav menu alignment

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2532656
    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

    #2532741
    David
    Staff
    Customer Support

    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;
    }
    #2532750
    Craig

    Sorry David

    Lastly, if I wanted the Logo centered?

    Thx

    #2532783
    David
    Staff
    Customer Support

    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

    #2532792
    Craig

    Thank you.

    Just amazing 🙂

    #2532910
    David
    Staff
    Customer Support

    Glad to be of help

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.