Edit vertical alignment of navigation links in Five

I would like to edit the vertical alignment of the navigation links in the Five template so that they align with the bottom of the logo. The only template edits I am able to find are to the horizontal alignment. Is there custom code I can inject to accomplish this? So, in the attached screenshot, the bottom of the link text would align with the bottom of the logo.

Can you share link to your site?

I am still working on building my site, so it is not live yet.

10 hours ago, tuanphan said:

Can you share link to your site?

I am still working on building my site, so it is not live yet.

1 minute ago, juliefhorton said:

I am still working on building my site, so it is not live yet.

Difficult to help with only screenshot.

On 12/19/2019 at 8:25 AM, tuanphan said:

Difficult to help with only screenshot.

 

Just wondering, why is this? What would seeing the site do differently? I would think this is a situation that many have encountered before. Seems like there should be an easy fix for changing the vertical alignment of the navigation. Any help you could provide would be so great as I am not a developer. I work in the UX industry so I know a bit about code.

Hi Julie,

I am absolutely no expert and am trying things out myself. Maybe you could experiment with the padding:

.horizontal-navigation-bar nav ul li a { 
  padding: 1em 0 0 0; 
  /* top right bottom left */
}