Streaming live at 10am (PST)

Help achieving Nav Bar with Logo in the Center and buttons on the side as shown


#1

Hello! I am new to Webflow and wondering what the best way to achieve this style of fixed nav bar is? I've attached the photo from my mockup. In Webflow, I can't seem to get the logo to be center with the four buttons evenly spaced along each side. Essentially, a five column setup could work but I couldn't figure out how to create five with the column tool. Please let me know what you think! Really appreciate the help. Thanks!

Cheers,
Marcus


#2

Hi can you share your public link please?


#3

Sure Vincent! Here it is: https://preview.webflow.com/preview/lux-machina-consulting?preview=262a687e8500a4ab9aaa119e5b745b82

I'm trying to figure it out on the "Test" page and "Home" page. Thanks!

Cheers,
Marcus


#4

Hi!

What you'd like to do is pretty easy. You can create five divs, each at 20% width, and use Display: Inline-Block. Then, in the center div, add the image for the logo.

Here's a public share link to demonstrate: https://preview.webflow.com/preview/webflow-tutorials-1f18d6?preview=5877ccb5038eb8e2ee4f80f721648722


#5

Hey tkister!

Thank you so much for the help. When I tried to remove the text from inside the middle div to add the logo png, the other four divs jumped down, out of place, so I just made the font in the middle div the same color as the fill and put just a period (.). It works now! Appreciate the assistance!


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.