Having some issues with the Side Navigation feature, you can check it out on codePen. In my attempt to create a blue label on the sides (side1, side2, side3, etc) at the same level as the first label (My Site), I tried adding padding-top, padding-bottom, and other adjustments but nothing seems to work. I would greatly appreciate any help in setting up the side navigation properly and ensuring text is centered with minimal space in between.
CSS
.topside-nav li {
display: inline-block;
line-height: 15px;
font-size: 1.25rem;
padding-right: 2.25rem;
margin: -60px 2px 5px 60px;
text-align: center;
}
Foundation - Side Nav
It's been quite time-consuming trying to figure this out, so please recommend the best approach. I've already tested Chrome Developer Tools and CodePen without success. It's puzzling why there aren't clear instructions provided on the foundation website.