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!