Archived topic
Logo, cart, search & nav menu alignment
5 replies · Started by Craig on February 14, 2023
Viewing posts 1–6 of 6
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
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;
}Sorry David
Lastly, if I wanted the Logo centered?
Thx
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
Thank you.
Just amazing :)
Glad to be of help
This archived topic is closed to new replies.