Alto theme help!

Hey! So, I am intentionally trying to keep my site super minimalist and simple, but one minor detail I am hung up on is that the navigation bar seems just a little too close to the logo. Is there any way to space it out using a code injection? I know how to move the logo down from the top of the page, but when I do it overlaps with the navigation bar. Just want to space everything out a touch.

Site is “live” but I haven’t transferred my domain and no one knows about it yet. kurtismjohnson.ghost.io

I haven’t tested everything, but try this:

<style>
.gh-head-menu {
  margin-top: 3rem;
}
</style>

Thank you for the reply! That did not work, unfortunately. I believe I tried that as it does seem to be what should work. Admittedly, I only know enough about coding to be dangerous.

You can try adding !important .gh-head-menu { margin-top: 3rem!important; } or you can try this instead:

<style>
.gh-head-brand { margin: 2rem 0; }
</style>

Hey! So they both seemed to work. Adding !important to what @vikaspotluri123 suggested worked just fine. I tried the other option just for kicks, and it also worked. It also added a little spacing from the top which I like, so I am going with option 2 for now.

Thank you both for the quick assistance!