Navigation layout + active state help

Design help General
#1

Could anyone point me in the right direction to design the following nav…

nav-design

I’m struggling with the following

  • Centred nav + a logo on the left and actions on the right
  • Active state (is this even possible?)

Any tips, advice, or tutorials people can recommend I would be hugely grateful!

Read only site link:
https://preview.webflow.com/preview/website-4bb32c-4d3e757d57ce8edf9b7eda56?utm_medium=preview_link&utm_source=dashboard&utm_content=website-4bb32c-4d3e757d57ce8edf9b7eda56&preview=44da2aea1d35b5152d2fa70d758fb3e3&mode=preview

1 Like
#2

Hey @ryan585

Let me check.

@ryan585 There you go > https://www.loom.com/share/8dc6cb755aa741a78329118f80706b35

Feel free to reach out if you need more help.

Piter :webflow_heart:

1 Like
#3

Thanks @PiterDimitrov !! Really really appreciate it.

Video is brill.

One question…

How do I get the wonky green line active state? I was thinking when you hover on the nav the green line would then show as well. Any tips?

active-state
active-state.jpg1400×165 35.6 KB

#4

Hey @PiterDimitrov I’ve made the nav as far as you did :slight_smile:

https://preview.webflow.com/preview/website-4bb32c-4d3e757d57ce8edf9b7eda56?utm_medium=preview_link&utm_source=dashboard&utm_content=website-4bb32c-4d3e757d57ce8edf9b7eda56&preview=44da2aea1d35b5152d2fa70d758fb3e3&mode=preview

However those green wonky lines? I guess that’s just in the styling?

1 Like
#5

Hey @ryan585

Looks like they are there now.

Piter :webflow_heart:

1 Like
#6

Ahh yeah kind of. I wondered if you can change the stroke of the line?