Updated original post as per email request, to include site url.
Try something like this:
.main-navigation a {
margin-top: 15px;
}
On a large screen, that looks like this:
You can adjust the value as you like.
Kathryn,
thanks a lot, that worked. What a simple solution 🙂
I hadn’t thought of that, was trying to get vertical-align to work… just for learning purposes, any idea why it wasn’t working?
Cheers!
Glad that did the trick!
just for learning purposes, any idea why it wasn’t working?
“The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box.”
https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align
… but the element main-navigation a
is neither inline nor table-cell, it’s set as a block-level element in the original stylesheet:
.main-navigation a {
color: #999;
display: block;
font-size: 0.6em;
font-weight: bold;
padding: 9px 0;
text-decoration: none;
}
Great, point noted, thanks!