Archived topic
Logo and primary nav on the left - about us and CTA button on the right
5 replies · Started by LoGP on February 16, 2020
Hey guys,
I'm trying to recreate a header/navigation like this one:
(btw. I'm not using that page builder, just GP).
So the logo and primary nav are aligned left, next to each other. Then on the right side a link to about us and CTA button, next to each other. All in one horizontal header.
Closest I came was setting the navigation as header and align the navigation to the left. But how do I get the about us link and CTA button on the other side?
Hi there,
can you remove the coming soon so i can take a look at what CSS is required.
Yes, done!
Add this CSS:
@media(min-width: 769px) {
.main-navigation ul {
display: flex;
}
.main-navigation .main-nav ul li.push-right {
margin-left: auto;
}
}Then edit your Menu. Select the menu item before the button that also needs to be 'floated' right. Add the CSS class of push-right
You Tha Man!
Glad to be of help
