[Resolved] Navigation with rounded buttons (example inside)

[DEVIN]

Hi,

I’m trying to replicate the navigation of this site: https://millo.co/

I’m trying to make the background color of the navigation blend in with the header color and the navigation buttons rounded as shown in the example.

[Leo]

Hi there,

This should basically get you there:
https://docs.generatepress.com/article/adding-buttons-navigation/

Just need to add border-radius: 3px; in the CSS.

Let me know 🙂

[DEVIN]

Thanks a lot! I got it working, the only issue I’m having now is the buttons are too close together. I googled “how to add space between menu buttons with css” but so far the things I’ve tried with padding don’t seem to be working.

[Leo]

Add this to your CSS:
margin-left: 5px;

[DEVIN]

That works great. Thanks a lot for the amazing support!

[Leo]

No problem 🙂

[Author]

Posts